構文
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>
● 表示結果