【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

/

22

2024

Googleさんの
おすすめ

5

/

22

2024

デザインの記事

UNBOX 2nd
  • 2024.05.20New
  • UNBOX 2nd
  • 国内、海外のウェブデザイン、パソコン・タブレット・スマートフォンでも見やすいレスポンシブ対応の「あ、いいな」と思うウェブデザインを集めています。
  • デザインのこと – Web design gallery
早朝始発の殺風景