あれ、line-heightの単位ってなんだっけ?
って思い調べてみる。
メモ
line-heightに単位を指定すると、親要素で計算された値がそのまま子要素にも継承されるため。
line-height 1.5 | line-height 1.5em | line-height 150% | |
---|---|---|---|
親要素 フォントサイズ 20px | 30px | 30px | 30px |
子要素 フォントサイズ 16px | 24px | 30px | 30px |
孫要素 フォントサイズ 10px | 15px | 30px | 30px |
あれ、line-heightの単位ってなんだっけ?
って思い調べてみる。
line-heightに単位を指定すると、親要素で計算された値がそのまま子要素にも継承されるため。
line-height 1.5 | line-height 1.5em | line-height 150% | |
---|---|---|---|
親要素 フォントサイズ 20px | 30px | 30px | 30px |
子要素 フォントサイズ 16px | 24px | 30px | 30px |
孫要素 フォントサイズ 10px | 15px | 30px | 30px |
関連記事
Googleさんの
おすすめ
人気記事
Googleさんの
おすすめ
デザインの記事