letter-spacing
letter-spacing 屬性控制文字字元之間的間距。
如果屬性值是一個無單位數字(例如 128),則瀏覽器將其處理為當前使用者座標系統中的 <length>。
如果屬性值帶有單位識別符號,例如 .25em 或 1%,則瀏覽器會將 <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 |
瀏覽器相容性
載入中…
另見
- CSS
letter-spacing屬性