line-height

広告


line-heightは単位なしで

emと%は効果が同じ。

単位なし数値で倍率指定するのがよい。
例えば1.5倍なら以下のように書く。
p {line-height: 1.5;}

広告


単位をつけないほうがいい理由

単位としてはem・rem・%が考えられるが、単位ありだと子要素等への継承時に問題が生じる。
継承されるのは、親要素のfont-sizeを基準にした、計算結果としての実数値である。

単位なしの場合のみが、倍率を純粋に継承する。

line-heightの初期値

デフォルト値はnormal。
Chromeの場合、normalは1.5倍。1倍ではない。

その他

a要素にも反映される。
a要素にline-height指定しても、クリック範囲は変わらない。

広告