line-heightのemってなんだっけ?


line-heightをcssでつけていて

「そいえばemでも指定できるって聞いたけど、em ってなんだっけ?」

と疑問に思ったのでポイントをまとめ直すことにしました。

line-height = 行間

ちなみに文字と文字の間隔を変えるには letter-spacing。

em は、font-sizeを基準にして行間を決める

line-height : 1.3emにした時、

①その要素で指定されているフォントサイズは何か?探す(指定されていないときは親要素を参照する)

②例えば、font-size: 26pxで指定していたとき、

公式:line-height = ((フォントサイズ ✖️ em)ー フォントサイズ) ÷2

この場合はline-height =((26px ✖️1.3em) – 26px) ÷2 = 3.9


コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です