letter-spacing
解説
文字の間隔を指定する際に使用します。マイナスの値を指定することもできます。normalを指定した場合はフォントの通常の文字間隔をそのまま使います。長さを指定した場合はその長さだけ文字間隔が増加します。
normal以外を指定した場合、text-align:justify;の指定を無効にしますので注意が必要です。
プロパティ情報
| 値： | 長さまたはnone |
|---|---|
| 初期値： | none |
| 適用対象： | 全ての要素 |
| 継承： | する |
| パーセンテージ： | 不可 |
| 適用メディア： | 視覚 |
| レベル： | 1〜2 |
参照
text-align text-decoration text-underline-position text-indent text-autospace text-transform text-justify line-height line-break word-spacing word-break word-wrap vertical-align letter-spacing white-space
使用例
ソース
CSSの記述方法はスタイルシートってなに？も参照下さい。 div.sample1 {letter-spacing: 30px;} div.sample2 {letter-spacing: -20px;}
HTMLの記述方法 <div class="sample1"><p>サンプル１</p></div> <div class="sample2"><p>サンプル２</p></div>
表示結果
サンプル１
サンプル２
