HTML & CSS - テキストの行間を調整する

テキストの行間を調整する

テキストの行間を調整するには、CSS の line-height プロパティで定義します。line-height プロパティの値は行の高さを指定します。このときの単位は何も付けないことに注意してください。

<!DOCTYPE html>
<html lang="ja">
  ...
  <p class="lineheight175">
    行間をフォントサイズの 1.75 倍に指定した文章です。
  </p>
  ...
</html>
テキストの行間を調整する - HTML
.lineheight175{
    line-height: 1.75;
}
テキストの行間を調整する - CSS

行間は、フォントサイズのn倍の高さになります。例えば、フォントサイズが 16px で、line-height1.5 の場合、16 × 1.5 = 24px となります。

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

関連記事