letter-spacing

letter-spacingプロパティとは

letter-spacingプロパティを使うと、文字間隔を調整できます。

letter-spacingの定義は、以下のとおりです。

なお、似たようなプロパティにword-spacingがあります。word-spacingは、単語の間隔を調整します。letter-spacingは、1文字単位の間隔です。

値の説明

以下は、letter-spacingで使える値と説明です。

normal

デフォルトです。文字間隔は、ブラウザで決定します。

length

ブラウザで決定した文字間隔に、追加の間隔を指定します。マイナスも使えます。

利用例

最初に、letter-spacingを指定しない時(normalの時)の表示を示します。

lengthの利用例は、以下のとおりです。

p {
  letter-spacing: 1em;
}

上記を適用すると、以下のように表示されます。

文字間隔が広がっています。

以下は、マイナスで指定した例です。

p {
  letter-spacing: -4px;
}

上記を適用すると、以下のように表示されます。

文字が重なっています。

ブラウザのサポート状況

各ブラウザの最新バージョンでのサポート状況は、以下のとおりです。

〇

サポート

△

制限あり

×

未サポート

？

不明

IE

Internet Explorer

Ed

Edge

Fx

Firefox

Ch

Chrome

Sa

Safari

Op

Opera

An

Android Browser

Sm

Samsung Internet

※スマートフォンのFirefoxとChromeは、Android版です。