• 締切済み

Yahoo UI Libraryのfonts.cssについて

Yahoo UI Libraryのfonts.cssについて質問です。 ​http://developer.yahoo.com/yui/fonts/ http://developer.yahoo.com/yui/build/fonts/fonts.css body { font: 13px/1.231 arial,helvetica,clean,sans-serif; *font-size: small; *font: x-small; } table { font-size: inherit; font: 100%; } 1.「*font: x-small;」と「font: 100%;」なんですが、この2つの処理の違いはなんでしょうか。 両方ともIEに対するハックだと思うのですが、なぜ別の方法をとっているのでしょうか? 2.「font-size: inherit;」と「font: 100%;」は「font-size: 100%;」ですむ気がするのですが、 なぜこのようにしているのでしょうか? ご存じの方、よろしくお願いします。

みんなの回答

noname#66720
noname#66720
回答No.2

1.はもしもbodyにfont:100%;を指定して13pxの指定を上書きするとサイズの統一が図れなくなるからです。 2.に関してはinheritの指定はIEの標準モード時にtableにfont-sizeやline-heightが継承されない場合の回避用のための指定で、もしもfont-size:100%;としてしまうと回避できなくなるためです。

noname#66720
noname#66720
回答No.1

基本的にfontにはfont-sizeとfont-familyを指定しなければ無視されます。 前半の *font-size: small; *font: x-small; については両方IE用のハックだとは思いますが、font:x-small;はIEの中でもバージョンの低いものへの対処だと思われます。 font-size:inherit;についてはIEのline-heightのバグ回避のためという理由もあったはずです。 font:100%;は、やはりcss解釈の間違った古いブラウザ向けの指定なのでしょう。

Java-Java
質問者

補足

お返事ありがとうございます。 下記までは理解できています。 body { font: 13px/1.231 arial,helvetica,clean,sans-serif; /* 基本文字サイズ */ *font-size: small; /* IE 7およびIE 6標準準拠モードに適用*/ *font: x-small; /* IE 6後方互換モードに適用*/ } table { font-size: inherit; /* モダンブラウザ */ font: 100%; /* IE 5-5.5、6(後方互換モード)に適用。Mac IE5にも適用?? } 教えていただきたいのは、上記に書いた「1.」と「2.」になります。 よろしくお願いします。

関連するQ&A