letter-spacingプロパティ

letter-spacingプロパティに指定できる値

letter-spacingプロパティの値は「normal」（初期値）、または数値 + 単位（px、em）で指定します。

CSS コード例

.sample1 p {
  color: #222;
  font-family: 'Noto Serif JP', serif;
  font-size: 24px;
  text-indent: -0.1em;
  line-height: 1.4em;
}
.sample1 .text1 {
  letter-spacing: normal;
}
.sample1 .text2 {
  letter-spacing: 0.5em;
}
.sample1 .text3 {
  letter-spacing: 5px;
}

HTML コード例

<section class="first">
  <h2>letter-spacing: normal;</h2>
  <p class="text1">こちらはフォントのCSSのためのサンプルです。Cascading Style Sheet.</p>
</section>
<section>
  <h2>letter-spacing: 0.5em;</h2>
  <p class="text2">こちらはフォントのCSSのためのサンプルです。Cascading Style Sheet.</p>
</section>
<section>
  <h2>letter-spacing: 5px;</h2>
  <p class="text3">こちらはフォントのCSSのためのサンプルです。Cascading Style Sheet.</p>
</section>

letter-spacingプロパティは1文字単位の間隔を調整することができますが、もし単語の単位で間隔で調整したい場合にはword-spacingプロパティを使うことができます。