memo.xight.org

前 / 次 / memo.xight.org

2006-11-18

CSS の line-height の値は単位なしが良い

- Summary
line-height の値に単位をつけて 1em とした場合
p {
	font-size: 16px;
	line-height: 1em;
}
p em {
	font-size: 24px;
}


line-height の値に単位をつけずに 1 とした場合
p {
	font-size: 16px;
	line-height: 1;
}
p em {
	font-size: 24px;
}


- line-height の継承に差が発生する．
line-height の値に単位をつけて 1em とした場合
p {
	font-size: 16px;
	line-height: 1em = 16px;
}
p em {
	font-size: 24px;
	line-height: 16px;
}


line-height の値に単位をつけずに 1 とした場合
p {
	font-size: 16px;
	line-height: 1 = 16px;
}
p em {
	font-size: 24px;
	line-height: 24px;
}


- Reference
Lucky bag::blog: line-height の値には単位なしが良いとされる理由
http://www.lucky-bag.com/archives/2006/04/unitless-line-heights.html

Lucky bag::blog: line-height の値には単位なしが良いとされる理由サンプル
http://www.lucky-bag.com/appendix/line-heights-sample.html

- via
日本の総理大臣の演説をタグクラウド化: blog.bulknews.net
http://blog.bulknews.net/mt/archives/002078.html
  • このエントリを含むはてなブックマーク
  • このエントリをはてなブックマークに追加
  • このエントリをdel.icio.usに追加
  • このエントリをMM/Memoに追加
カテゴリ: [CSS]
[ 固定リンク ]
2006-11 /

Color Reference

ChangeLogを検索
携帯電話からアクセス！

カテゴリ

最近の話題

リンク

過去ログ

Google

QR Code

Powered by chalow

Since
2002-11-28
Update
2008-12-02 10:52
Copyright © 2005 xight.org All Rights Reserved.