とほほのスタイルシート入門では文字色は継承されないという解説がありました。では、他のスタイル定義ではどうなるのか調べてみました。
NNではBODY属性がテーブルに継承されない: BODY { color: red }と指定した場合、IEでは期待通り同様の動作をしますが、NNではテーブルの中身の文字が変化しません。BODY, TH, TD { color: red }と指定するようにしましょう。(とほほのスタイルシート入門からの抜粋)
実際に、IEとNNで見比べてみたところ次のような結果となり、継承される属性、されない属性がありました。 背景色は、IE・NNどちらも継承されますが、文字色はNNでは継承されません。文字の大きさ(font-size)は継承されませんでした。
| ↓属性 :ブラウザ→ | IE4.0 | NN4.0 |
|---|---|---|
| background | 継承 | 継承 |
| color | 継承 | BODY指定色 |
| font | × | × |
| text | × | × |
| line-height | × | × |
出典は忘れましたがスタイルシート解説のサイトに、こんな説明がありました。
外部ファイルでのBODYの定義内容はNN4では継承されない。
実際に、どのようになるのか、継承性をチェックしてみました。チェックしたのは、文字色、文字の大きさ、背景色に絞りました。
| ↓属性 :ブラウザ→ | IE4.0 | NN4.0 |
|---|---|---|
| 文字色 | 継承 | × |
| 文字の大きさ | 継承 | × |
| 背景色 | 継承 | 継承 |
つまり、外部ファイルで文字色と文字の大きさを定義する場合は、使用する全ての要素に対してスタイル定義しないとNN4では効果が働かないということです。
Indexに戻る ==== 前のページに戻る ==== 次のページへ