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

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

って思い調べてみる。

メモ

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

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

おすすめ

Googleさんのおすすめ

Googleさんのおすすめ

デザインの記事

good eighty%
  • 2023.01.25New
  • good eighty%
  • 国内、海外のウェブデザイン、パソコン・タブレット・スマートフォンでも見やすいレスポンシブ対応の「あ、いいな」と思うウェブデザインを集めています。
  • デザインのこと – Web design gallery
good eighty%
  • 2023.01.25New
  • good eighty%
  • 国内、海外のウェブデザイン、パソコン・タブレット・スマートフォンでも見やすいレスポンシブ対応の「あ、いいな」と思うウェブデザインを集めています。
  • デザインのこと – Web design gallery
ちょっと思い出しただけ
『点』、登場人物は3人だけ