HTML & CSS - テキストの文字間隔を調整する

テキストの文字間隔を調整する

テキストの文字間隔を調整するには、CSS の letter-spacing プロパティで定義します。letter-spacing プロパティの値は文字間隔のサイズを指定します。このときの単位は px や、em などで指定します。

<!DOCTYPE html>
<html lang="ja">
  ...
  <p class="letterspacing20px">
    文字間隔を 20px に指定した文章です。
  </p>
  ...
</html>
テキストの文字間隔を調整する - HTML
.letterspacing20px{
    letter-spacing: 20px;
}
テキストの文字間隔を調整する - CSS

フォントについての CSS 設定例は、読みやすいフォントの CSS 設定例を参照してください。

関連記事