【CSS】line-heightの単位は必要ない

【CSS】line-heightの単位は必要ない

あれ、line-heightの単位ってなんだっけ?

って思い調べてみる。

メモ

line-heightに単位を指定すると、親要素で計算された値がそのまま子要素にも継承されるため。

 line-height
1.5
line-height
1.5em
line-height
150%
親要素
フォントサイズ
20px
30px30px30px
子要素
フォントサイズ
16px
24px30px30px
孫要素
フォントサイズ
10px
15px30px30px
Author

デザコト

あ、いいな、と思うWebデザインを紹介しています。デザインの参考に。やさしいデザインが多いです。Webデザインギャラリー『デザインのこと - Web design gallery』を運営しています。

Googleさんの
おすすめ

5

/

13

2025

Googleさんの
おすすめ

5

/

13

2025

デザインの記事

であうにあう2025 Campaign | niko and . . .
ソラニン
  • 2025.05.03
  • ソラニン
  • 控えめに言って最高じゃないかと思う。きっと10年前も同じこと思ったんだろうなと思う…
  • いつかのこと