スタイルシートの入門サイトです。-継承-

スタイルシート探偵
トップページ → 継承
 〜 継承 〜
 
例えばH1タグに対して、CSSを使って文字色のプロパティを変えたとします。
ブラウザで表示した場合、文字色の反映はもちろんのこと、
H1タグ元々の上下に改行が行われ、太字で表示が引き継がれています。
この例のように、元の設定を後の設定が引き継ぐことを継承といいます。
また、タグ間でも同様に親要素の設定は子要素に継承されます。
 
 
[CSSファイル]

DIV.parent{border:double thick blue;}
B.child{color:#ff0000;}

[HTMLファイル]

<DIV class="parent">スタイルシート<B class="child">探偵団</B></DIV>

ブラウザ上の表示...
スタイルシート探偵団
 
 
この場合、親タグであるdivタグに設定した2重線が、子タグであるbタグに継承されています。
 
 
 
Copyright 2008- CSS-TANTEI All rights reserved.