letter-spacing

スタイルシート属性letter-spacingは、各文字間のスペースの大きさを指定します。

すべての要素に対して指定可能。

書式

letter-spacing: space

属性値

space
各文字間のスペースの大きさを数値と単位で指定するか、次に示す値を指定します。
意味
normal通常(規定値)
inherit継承

使用例と表示サンプル

次にスタイルシート属性 letter-spacing を使用したHTMLの例を示します。

<p style="letter-spacing: normal;">
  The quick brown fox jumps over the lazy dog.
</p>

The quick brown fox jumps over the lazy dog.

<p style="letter-spacing: .25rem;">
  The quick brown fox jumps over the lazy dog.
</p>

The quick brown fox jumps over the lazy dog.

<p style="letter-spacing: .5rem;">
  The quick brown fox jumps over the lazy dog.
</p>

The quick brown fox jumps over the lazy dog.

参考文献

W3C (2021) CSS Text Module Level 3