人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Yahoo! UI Library: Fonts CSSについてお伺いしたいと思います。

このライブラリの中で、
/**
* Default line-height based on font-size rather than "computed-value"
* see: http://www.w3.org/TR/CSS21/visudet.html#line-height
*/
body * {line-height:1.22em;}
という記述があるのですが、これの意味がイマイチ分かりません。該当URLは単にW3Cのline-heightのプロパティについての説明文書ですし。

また、最近のブログでは、「line-heightは単位なしがよいだろう」という議論が一般的になりつつあるし、Yahooの中の人がそれを知らないとも思えないのです。

その上で、このYUIのライブラリを使っている人も、上記Fonts CSSを全て適用している人もいれば、このline-height部分だけを削っている人もいるようです。

YUIで、body * {line-height:1.22em;}と指定されている理由を教えてください。

●質問者: あらた
●カテゴリ:インターネット ウェブ制作
✍キーワード:BODY CSS ON UI URL
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● b-wind
●60ポイント

$B;k3P@07A%b%G%k>\:Y(B

次例の3つの規則はいずれも同じ結果になる:

DIV { line-height: 1.2; font-size: 10pt } /* number */

DIV { line-height: 1.2em; font-size: 10pt } /* length */

DIV { line-height: 120%; font-size: 10pt } /* percentage */

単位 em は文字の縦の長さですから、フォントによって実際の長さは増減します。

これは単位無しの指定と実質的に同義です。

◎質問者からの返答

ありがとうございます。

これは何となく分かるのですが、

http://www.lucky-bag.com/archives/2006/04/unitless-line-heights....

のような問題は起こらないのかな、と。

特に、body以下の全称セレクタに対して、line-heightをかけているわけですから、font-sizeもいろいろと変わってしまうわけですよね。

その場合に、子孫セレクタのline-heightも1.2emが継承されてしまうわけで、同じ問題というのは起こりえないのでしょうか。

* Default line-height based on font-size rather than "computed-value"

これの意味もイマイチ分かりませんし。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ