line-heightの単位あり/なし

昔、何かで読んで、詳細は忘れましたが、
何となく、単位はつけないでおいたほうがよさそう、
というくらいの認識だったので、
ちょっと調べてみようかと。


こちらによくまとめられた記事がありました:

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


備忘録として、書いておきましょう。


1)単位ありで指定した場合:
子要素に継承される値は、計算値(Computed value)。

	font-size: 16px;
	line-height: 1em;

なら、子要素のline-heightは16px(計算値)。


2)単位なしで指定した場合:
子要素に継承される値は、指定値(Specified value)。

	font-size: 16px;
	line-height: 1;

なら、子要素のline-heightは1(指定値)が継承され、
子要素のフォントサイズ×1となる。