CSS - letter-spacing

概要

属性名	letter-spacing
値	normal \| <length-percentage>
初期値	normal
適用可能要素	インラインボックスおよびテキスト
継承	継承する
仕様書	https://drafts.csswg.org/css-text/#letter-spacing-property https://drafts.csswg.org/css-text-4/#letter-spacing-property
サポート	https://caniuse.com/css-letter-spacing

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

normal: 文字間の隙間を自動調整します。(C1/e4/N6/Fx1/Ch1/Op3.5/Sa1)
<length>: 文字間の隙間を 1.5em や 10px のような長さの単位で指定します。(C1/e4/N6/Fx1/Ch1/Op3.5/Sa1)
<percentage>: 文字間の隙間を通常の文字幅(1em)を 100% としたパーセントで指定します。CSS4 で定義され、2026年2月の Chrome 145 でサポートされました。

CSS

.sample {
    letter-spacing: 10px;
    width: 235px;
    padding: 5px;
    border: 1px solid gray;
}

HTML

<div class="sample">
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほ
</div>

表示

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほ

初版：1997年7月27日、最終更新：2026年2月23日

https://www.tohoho-web.com/css/prop/letter-spacing.htm