<h1> および <h2> 要素に字間値を設定します:
h1 {
letter-spacing: 2px;
}
h2 {
letter-spacing: -3px;
}
Try it Yourself ❯
letter-spacing プロパティは、テキストの文字間のスペースを増/減します。
デフォルト値: | normal |
---|---|
継承: | 継承する |
アニメーション可否: | 可。animatable を参照 Try it |
バージョン: | CSS1 |
JavaScript 構文: | object.style.letterSpacing="3px" Try it |
表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。
プロパティ | |||||
---|---|---|---|---|---|
letter-spacing | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
letter-spacing: normal|length|initial|inherit;
値 | 説明 | Play it |
---|---|---|
normal | 文字間に余分なスペースを定義しません。これがデフォルトです | Play it ❯ |
length | 文字間に追加のスペースを定義します(マイナスの値が使用できます) | Play it ❯ |
initial | プロパティにデフォルト値を設定します。initial を参照 | Play it ❯ |
inherit | このプロパティは親要素を継承します。inherit を参照 |
CSS チュートリアル: CSS Text
HTML DOM リファレンス:letterSpacing プロパティ