letter-spacing

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

letter-spacing 屬性控制文字字元之間的間距。

如果屬性值是一個無單位數字(例如 128),則瀏覽器將其處理為當前使用者座標系統中的 <length>

如果屬性值帶有單位識別符號,例如 .25em1%,則瀏覽器會將 <length> 轉換為其在當前使用者座標系統中的對應值。

注意: 作為演示屬性,letter-spacing 還有一個對應的 CSS 屬性:letter-spacing。當兩者都被指定時,CSS 屬性具有優先權。

你可以將此屬性與以下 SVG 元素一起使用

示例

控制 SVG 字母間距

html
<svg viewBox="0 0 400 30" xmlns="http://www.w3.org/2000/svg">
  <text y="20" letter-spacing="2">Bigger letter-spacing</text>
  <text x="200" y="20" letter-spacing="-0.5">Smaller letter-spacing</text>
</svg>

用法說明

normal | <length>
預設值 normal
可動畫的

有關值的描述,請參閱 CSS letter-spacing 屬性。

規範

規範
CSS Text Module Level 3
# letter-spacing-property
Scalable Vector Graphics (SVG) 2
# LetterSpacingProperty

瀏覽器相容性

另見