CSS letter-spacing 文字の間隔を指定する

CSSのletter-spacingプロパティで、文字の間隔を指定するサンプルです。

仕様	letter-spacingプロパティの仕様
サンプル	letter-spacingのサンプル

letter-spacingプロパティの仕様

letter-spacing : 値

letter-spacingプロパティは、文字の間隔を指定します。

値	説明
数値 + 単位	指定した単位で設定します。
normal	通常の間隔にします。(初期値)
値を継承する

数値+単位にした場合、文字の間隔に指定した数値+単位のスペースを追加します。
以下はMDNのletter-spacingプロパティのリンクです。
https://developer.mozilla.org/ja/docs/Web/CSS/letter-spacing

letter-spacingのサンプル

letter-spacingのサンプルです。

<style>
#p1{letter-spacing:normal;} /* 標準の間隔 */
#p2{letter-spacing:5px;} /* 5pxを指定 */
#p3{letter-spacing:20px;} /* 20pxを指定 */
p{border:1px solid #000;width:400px;height:30px;
margin-bottom:10px;text-indent:10px;background:LightCyan;}
</style>
<p id="p1">文字の間隔normalです</p>
<p id="p2">文字の間隔5pxです</p>
<p id="p3">文字の間隔20pxです</p>

2行目は、normalを指定しています。
3,4行目は、pxを指定しています。

以下のイメージになります。