tspan

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

在 <text>元素中，利用内含的tspan元素，可以调整文本和字体的属性以及当前文本的位置、绝对或相对坐标值。

使用上下文

类别文本内容元素、文本内容子元素
允许的内容字符数据和任意数量、任意顺序的下列元素：
描述性元素
<a>、<animate>、<set>、<tref>、<tspan>

示例

html
<svg viewBox="0 0 240 40" xmlns="http://www.w3.org/2000/svg">
  <style>
    text {
      font: italic 12px serif;
    }
    tspan {
      font: bold 10px sans-serif;
      fill: red;
    }
  </style>

  <text x="10" y="30" class="small">
    你
    <tspan>不是</tspan>
    香蕉！
  </text>
</svg>

属性

全局属性

专有属性

DOM 接口

该元素实现了 SVGTSpanElement 接口。

浏览器兼容性

BCD tables only load in the browser

参见