| 属性名 | letter-spacing |
|---|---|
| 値 | [ normal | <length> | <percentage> ]{1,3} |
| 初期値 | normal |
| 適用可能要素 | すべての要素 |
| 継承 | 継承する |
| メディア | Visual / Text |
| サポート | C1 / e4 / N6 / Fx1 / Ch1 / Op3.5 / Sa1 |
文字間の隙間を指定します。単語間の隙間を指定するには word-spacing を参照してください。
| 値 | 説明 |
|---|---|
| normal | 文字間の隙間を自動調整します。(C1/e4/N6/Fx1/Ch1/Op3.5/Sa1) |
| <length> | 文字間の隙間を 1.5em や 10px のような長さの単位で指定します。(C1/e4/N6/Fx1/Ch1/Op3.5/Sa1) |
| <percentage> | 文字間の隙間を通常の空白の幅を 100% としたパーセントで指定します。まだあまりサポートされていないようです。(C3) |
隙間は 1～3個指定することができ、それぞれ、推奨値、最小値、最大値を意味します。省略時は下記の様に解釈されます。現時点ではまだあまりサポートされていないようです。
letter-spacing: 20px; /* 推奨値:20px, 最小値:20px, 最大値:20px */ letter-spacing: 20px 30px; /* 推奨値:20px, 最小値:20px, 最大値:30px */ letter-spacing: 20px 10px 30px; /* 推奨値:20px, 最小値:10px, 最大値:30px */
.sample {
letter-spacing: 10px;
width: 235px;
padding: 5px;
border: 1px solid gray;
}
<div class="sample"> あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほ </div>