« Eudoraがまた引っ越し | メイン | 「あなたのWeb制作は、なぜ儲からないのか?」 »

[メモ]テーブルの中のフォント指定

[CSSのTips忘れないうちにメモ]
IEというブラウザはフォント関連の指定方法にクセがある。
特に注意したい有名なクセに、テーブル内でフォントの指定が効かない、というのがある。これは有名なTipsだから知っている人も多いのではないでしょか。

一般的に考えて、親要素であるbodyでフォントスタイルを指定すれば、テーブルの中のセルにも同じフォントスタイルが適用されると考えるだろう。
しかしIE(互換モード)ではそうはならずに、テーブルの中のセルはデフォルトのフォントスタイルが適用されてしまう。

忘れずにthやtdエレメントでもfontstyleの指定を行えばいいのだけど、つい忘れてしまいがち。
IE互換モードで継承されないプロパティには、以下のようなものがある。
font-stye: font-size: font-weight: color: text-decoration: text-transform: letter-spacing: line-height: がある。互換モードでテーブルを一部使用するようなサイトの場合は忘れないようにしたい。

トラックバック

このエントリーのトラックバックURL:
http://www.nishiz.com/mt/mt-tb.cgi/95

コメントを投稿