Caution

お使いのブラウザはJavaScriptが無効になっております。
当サイトでは検索などの処理にJavaScriptを使用しています。
より快適にご利用頂くため、JavaScriptを有効にしたうえで当サイトを閲覧することをお勧めいたします。

CSS辞典

letter-spacing

字間(文字の横方向の間隔)を指定できます。

p.test { letter-spacing: normal;}
p.test1 { letter-spacing: 10px;}
p.test2 { letter-spacing: 0.8rem;}
p.test3 { letter-spacing: -2px;}

値	概要
normal	ブラウザに字間を委ねます。基本的にはフォントに設定されている字間をそのまま表示する形となります。この『normal』が初期値です。
数値	字間を数値で指定します。使用可能な単位は『px』『pt』『%』『em』『rem』等です。負の値を指定することも可能です。

<p style="letter-spacing: 10px">ここはp要素です。『letter-spacing: <span style="color: #f00;">10px</span>』と指定しています。</p>

<p style="letter-spacing: 0.8rem">ここはp要素です。『letter-spacing: <span style="color: #f00;">0.8rem</span>』と指定しています。</p>

<p style="letter-spacing: -2px;">ここはp要素です。『letter-spacing: <span style="color: #f00;">-2px;</span>』と指定しています。</p>

デスクトップ

Chrome

1 以降 ○

Firefox

1 以降 ○

Safari

1 以降 ○

Edge

12 以降 ○

全バージョンで対応しています

11 ○

10 ○

9 ○

8 ○

7 ○

6 ○

Opera

3.5 以降 ○

2 以前 ×

モバイル

iOS Safari

1 以降 ○

Android Browser

4.4 以降 ○

3 以前 ×

Chrome Android