スタイルシート裏の裏


第4章 スタイルシートの注意点


4-1.BODYへの定義が継承されない


TABLE要素への継承性

とほほのスタイルシート入門では文字色は継承されないという解説がありました。では、他のスタイル定義ではどうなるのか調べてみました。

NNではBODY属性がテーブルに継承されない: BODY { color: red }と指定した場合、IEでは期待通り同様の動作をしますが、NNではテーブルの中身の文字が変化しません。BODY, TH, TD { color: red }と指定するようにしましょう。(とほほのスタイルシート入門からの抜粋)

実際に、IEとNNで見比べてみたところ次のような結果となり、継承される属性、されない属性がありました。 背景色は、IE・NNどちらも継承されますが、文字色はNNでは継承されません。文字の大きさ(font-size)は継承されませんでした。

BODYへの定義に対する、TH・TD・CAPTIONへの継承
↓属性 :ブラウザ→ IE4.0 NN4.0
background 継承 継承
color 継承 BODY指定色
font × ×
text × ×
line-height × ×

外部ファイルでのBODY定義の継承性

出典は忘れましたがスタイルシート解説のサイトに、こんな説明がありました。

外部ファイルでのBODYの定義内容はNN4では継承されない。

実際に、どのようになるのか、継承性をチェックしてみました。チェックしたのは、文字色、文字の大きさ、背景色に絞りました。

外部ファイルでのBODYへの定義の継承性
↓属性 :ブラウザ→IE4.0NN4.0
文字色継承×
文字の大きさ継承×
背景色継承継承

つまり、外部ファイルで文字色と文字の大きさを定義する場合は、使用する全ての要素に対してスタイル定義しないとNN4では効果が働かないということです。



Indexに戻る ==== 前のページに戻る ==== 次のページへ