CSSリファレンス

line-heightの意味と使い方

「line-height」は行の高さ(インライン要素のボックスの高さ)を指定します。
このプロパティをインライン要素にたいして設定した場合はその要素のボックスの高さを指定したことになり、ブロックレベル要素に対して設定した場合はそこに含まれるインライン要素のボックスの高さの最小値を指定したことになります。

値の指定方法

normal

ブラウザが自動的に高さを設定します。


実数値+単位

数値に単位をつけて高さを指定します。


実数値

その要素のフォントサイズに掛け合わせて高さを算出する値を指定します。例えばフォントサイズが10pxのときに「1.5」を指定すると、行の高さは15pxになります。


パーセント値+%

その要素のフォントサイズに対する高さの割合を、パーセンテージで指定します。


関連プロパティ

  • text-align:行揃えの位置・均等割付を指定する
  • text-align-last:最終行の行揃えを指定する
  • vertical-align:縦方向の揃え位置を指定する