継承

第5章 IE5.5とNetscape6のCSS

5-7.継承

TABLE要素への継承性

BODY要素で定義した内容のTable要素への継承を調べてみました。ついでにHTMLへの定義がどうなるかも調べてみました。

html   {
    border-color    : pink;
    border-style    : ridge;
    border-width    : 10px;
}
BODY   { 
    color           : blue ; 
    background-color: yellow ;
    font-size       : 12px;
    font-weight     : bold;
    text-decoration : underline;
    text-align      : center; 
    line-height     : 0.7em; 
    border-color    : royalblue;
    border-style    : ridge;
    border-width    : 10px;
}

BODYへの定義に対する、TH・TD・CAPTIONへの継承
ブラウザ→ ↓属性	IE5.01	IE5.5	NN4.7	Netscape6
background	○	○	○	○
color	○	○	×	△ CAPTIONは黒
font	×	×	×	×
text	×	×	×	×
line-height	×	×	×	×
border	×	×	×	×

比較結果を以下に示します。Netscape6ではTable要素自身への { text-align : center; }　が無効となっていますが、~~これは実装のバグでしょう。~~これは正しい解釈です。

またNetscape6では、TH,TD要素へは文字色を継承していますが、CAPTIONには継承しておらずBODY要素での定義すら継承していませんでした。

画像ではわかりづらいかもしれませんが、Netscape6で初めてHTML要素へのボーダーが定義できるようになったことがわかります。

チェックページ

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

外部ファイルでのBODYの定義内容はNN4では継承されていませんでした。現在のブラウザではどのようになっているでしょうか

結果を次表に示します。チェックしたのは、文字色、文字の大きさ、背景色に絞りました。

外部ファイルでのBODYへの定義の継承性
ブラウザ→ ↓属性	IE5.01～	NC4.7	Netscape6
文字色	○	○	○
文字の大きさ	○	○	○
背景色	○	○	○

最新のブラウザでは外部ファイルで文字色と文字の大きさの定義が継承されることがわかります。しかし、少し前のNN4.0などを考慮する場合は、使用する全ての要素に対してスタイル定義しておかないとNN4ではスタイルシートが定義されません。

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