word-spacing

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

word-spacing 属性指定单词之间的间距行为。

如果提供了 <length> 而未指定单位标识符(例如,未限定的数字,如 128),则浏览器会将 <length> 作为当前用户坐标系统中的宽度值进行处理。

如果提供了带有单位标识符的 <length>(例如,.25em 或 1%),则浏览器会将 <length> 转换为当前用户坐标系统中相应的值。

注意: 作为演示属性,word-spacing 还有一个对应的 CSS 属性:word-spacing。当同时指定两者时,CSS 属性具有更高的优先级。

元素

你可以将此属性与以下 SVG 元素一起使用

用法说明

normal | <length>
可动画的
默认值 normal

有关值的描述,请参阅 CSS letter-spacing 属性。

示例

此示例包含两个具有不同 word-spacing 值的 <text> 元素。

html
<svg viewBox="0 0 250 50" xmlns="http://www.w3.org/2000/svg">
  <text y="20" word-spacing="4">Bigger spacing between words</text>
  <text x="0" y="40" word-spacing="-0.5">Smaller spacing between words</text>
</svg>

规范

规范
CSS Text Module Level 3
# word-spacing-property
Scalable Vector Graphics (SVG) 2
# WordSpacingProperty

浏览器兼容性

另见