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 設定例を参照してください。

0
SHARE
Twitter
@murashun
お問い合わせ
murashun@gmail.com
ご質問(マシュマロ)
https://marshmallow-qa.com/murashun
ご支援(Stripe)
https://checkout.stripe.com/