行間の調節 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