CSS - letter-spacing

トップ > CSSリファレンス > letter-spacing

概要

属性名 letter-spacing
[ normal | <length> | <percentage> ]{1,3}
初期値normal
適用可能要素すべての要素
継承継承する
メディアVisual / Text
サポートC1 / e4 / N6 / Fx1 / Ch1 / Op3.5 / Sa1

説明

文字間の隙間を指定します。単語間の隙間を指定するには word-spacing を参照してください。

説明
normal文字間の隙間を自動調整します。(C1/e4/N6/Fx1/Ch1/Op3.5/Sa1)
<length>文字間の隙間を 1.5em や 10px のような長さの単位で指定します。(C1/e4/N6/Fx1/Ch1/Op3.5/Sa1)
<percentage>文字間の隙間を通常の空白の幅を 100% としたパーセントで指定します。まだあまりサポートされていないようです。(C3)

隙間は 1~3個指定することができ、それぞれ、推奨値、最小値、最大値を意味します。省略時は下記の様に解釈されます。現時点ではまだあまりサポートされていないようです。

letter-spacing: 20px;				/* 推奨値:20px, 最小値:20px, 最大値:20px */
letter-spacing: 20px 30px;			/* 推奨値:20px, 最小値:20px, 最大値:30px */
letter-spacing: 20px 10px 30px;		/* 推奨値:20px, 最小値:10px, 最大値:30px */

使用例

CSS
.sample {
    letter-spacing: 10px;
    width: 235px;
    padding: 5px;
    border: 1px solid gray;
}
HTML
<div class="sample">
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほ
</div>
表示
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほ

Copyright (C) 1997-2012 杜甫々
初版:1997年7月27日、最終更新:2012年5月1日
http://www.tohoho-web.com/css/prop/letter-spacing.htm