構文

letter-spacing : 間隔;

説明文

 「line-height」は,1行の高さを設定する。例えば,行間を設け文書を読みやすくする事ができる。

 「letter-spacing」では文字と文字の間隔を指定できる。文字の間隔には以下の単位を利用することが可能だ。

単位意味
inインチ(1インチ=25.4mm)
cmセンチ・メートル
mmミリ・メートル
ptポイント(72ポイント=1インチ)
pcパイカ(1パイカ=12ポイント)
pxディスプレイの表示に利用する画素(ピクセル)
em要素で指定されているフォントのサイズを基準とした倍数。例えば,12ptのサイズを指定している要素に2emを指定すると,倍の24ptとなる
ex要素で指定されている小文字フォントのサイズを基準とした倍数
%要素で指定されているフォントのサイズを基準とした割合

 マイナスの値を指定した場合,文字が重なり合って表示される。また,「normal」を指定するとWebブラウザの標準となる文字間隔で表示する。

[画像のクリックで拡大表示]

使用例

● CSSの定義

p { letter-spacing : 20px; }

● HTMLの例

<p>「letter-spacing」では,文書中の各文字の間隔を指定することができる。</p>

● 表示結果

Internet Explorerの表示例
[画像のクリックで拡大表示]
Firefoxの表示例
[画像のクリックで拡大表示]

関連項目