行間の調節 CSS line-height:

せんせい

文章の行間を調節する。長い文章が多い場合、行間が詰まっていると読みにくくなる。そんな場合は、このプロパティで行間の調節をする。

オマケ)文字サイズ・行間 確認ツール

行間を調節するプロパティ line-height:

line-height: 行間の値(正確には、フォントサイズと上下の余白合計値)

ページ全体の行間を変える。
body { line-height: 文字サイズの値 }

段落<p></p>要素の行間を変える。
p { line-height: 行間の値 }

行間の値の単位

%指定 ブラウザの文字基準サイズに対する%の値。
line-height: 150%

em指定 ブラウザの文字基準サイズを1emとした時の値。
line-height: 0.5em

px指定 px指定。
line-height: 5px