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

瀏覽器相容性

另見