line-height の値には単位なしが良いとされる理由

CSS で行ボックスの高さを指定する line-height 値に、em(length) や %(percentage) などの単位を付けて指定しているサイトを意外と見かける。それは間違いではないし、例えばナビゲーションとかでブロック要素の垂直センターに配置するために意図的に指定しているんであれば良いんだけれど、そうでないなら line-height 値には単位なし (number) で指定した方が良いのにとか思ったりする。その理由は Eric's Archived Thoughts: Unitless line-heights でも分かりやすく説明されているんだけど、ちと劣化コピーしてみる。 単位ありと単位なしの違い 手っ取り早く説明するために、サンプルを作ってみた。p 要素があって、その中にインライン要素の em で一部分を強調している。分かりやすいようにそれぞれの font-size

[masa8aurum]

単位なしの「1」こそが本当の「1倍」という意味で、「100%」や「1em」は実は計算済みの値が子要素に継承される、という話

[hardline5617]

line-height の値には単位なしが良いとされる理由

[watanata2000]

line-height 単位なしにすべき ★

[sometk]

単位指定なし

[tokumita]

line-heightの値には単位なしが良いとされる理由

[Falky]

理由をよく忘れちゃうんだなこれが

[Yukarigohan]

line-heightについて

[xXEnikesXx]

“line-height の値には単位なしが良いとされる理由”

[neo2184]

変更したら心なしか読みやすくなった気がする

[mumumu-tan]

line-height は行の高さ em や パーセントなどの単位ありで指定すると、まず line-height 値に font-size と掛け合わせた計算値が使用される。この場合、p 要素のフォントサイズは 16px なんで 行ボックスの高さも 16px になる。んで、

[kool_kreate]

1だと崩れたりするけど、なしでできればそれがいいみたい

[lotus_tribal]

いま初めて知ったけどこれから単位なしにしよう・・・・・

[kiyotaka_h]

え、そうなんや。

[take-it]

しらなんだ。

[ledsun]

こんなルールあるのか知らなんだ。

[skrt2y]

一方、単位なしで指定すると、line-height 値には同じく font-size と掛け合わせた計算値 16px が指定される。そして、子孫要素である em にはこの計算値ではなく指定値である 1 が継承され、em の font-size と掛け合わせた数値 24px

[fumitana]

line-height の値には単位なしが良いとされる理由

[works014]

@jdash2000 よーく理解できました。ありがとうございます。…ブックマークしときますワ

[showheymf02]

line-heightの値の単位をつけるべきか？つけないべきか？

[hiroro46]

line-height の値には単位なしが良いとされる理由

[mi2maru]

へえええ　単位とか知らんかった

[aroe]

（疑問）一段落目と二段落目の見出し文字のスムーズさが違って見えるのはなぜだろう

[soma1080]

line-heightをなぜ単位なしで指定するのか の説明

[skyguild]

ｃｓｓ　lignheight　単位指定しない

[sakuragaoka]

興味深い話。line-heightについて。／しらんかった・・

[itochan]

100% =1em≠ 1　　http://www.marguerite.jp/Nihongo/WWW/RefCSS/line-height.html 　/　どうもOperaでは 16pxの150%→24px（の24px） と 16pxの1.5→24px（継承で24px） とで結果が違うように見えた（計算誤差？marginとかの別の問題？ちょっと試しただけ）

[night_hike]

「単位なしで指定しておいた方がお薦め」

[fumikope]

変に上にpaddingがつくときはline-height: 1

[webmarksjp]

あとで読む

[lesamoureuses]

なるほど。＞そして、子孫要素である em にはこの計算値ではなく指定値である 1 が継承され、em の font-size と掛け合わせた数値 24px が行ボックスの高さになる。