letter-spacing
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
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">字間を広く</text>
<text x="200" y="20" letter-spacing="-0.5">字間を狭く</text>
</svg>
使用上のメモ
| 値 | normal | <length> |
|---|---|
| 既定値 | normal |
| アニメーション | 可 |
値の説明は、 CSS の letter-spacing プロパティを参照してください。
仕様書
| Specification |
|---|
| CSS Text Module Level 3 # letter-spacing-property |
| Scalable Vector Graphics (SVG) 2 # LetterSpacingProperty |
ブラウザーの互換性
Loading…
関連情報
- CSS の
letter-spacingプロパティ