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>サンプル1</p></div> <div class="sample2"><p>サンプル2</p></div>
表示結果
サンプル1
サンプル2