letter-spacing

CSSプロパティ「letter-spacing」の解説とサンプル。

CSSレイアウト実践講座

CSSレイアウト実践講座について

運営者プロフィール

運営者ブログ*

お問い合わせ

letter-spacing

文字の間隔を指定するプロパティ

値を指定することで、文字と文字との感覚を広めたり縮めたりすることができる。(行間の指定はline-heightを利用する。)

数値で指定 px、pt、em等の単位で数値を指定。

使用例 - サンプル(A) / サンプル(B)

サンプル(A)

[CSSの記述]

.sampleA { letter-spacing:10px; }

[HTMLの記述]

<p class="sampleA">テキストテキスト</p>

[ブラウザ上の表示]

値を10pxに指定した場合。

サンプル(B)

[CSSの記述]

.sampleB { letter-spacing:-5px; }

[HTMLの記述]

<p class="sampleB">テキストテキスト</p>

[ブラウザ上の表示]

値を-5pxに指定した場合。