XHTML/CSS・トップ | CSS基礎知識・目次

●inheritで継承させる

 CSSプロパティの値には、継承する値と継承しない値がありますが、inheritのキーワードを指定すると、親要素のスタイルを子要素へ強制的に継承させることができます。Netscape (v7.1)、Firefox(v2.0)、Opera(v9.0)は対応していますが、ウィンドウズ版IE(v6.0、7.0)、Netscape (v4)、Opera(v6以下)が対応していません。

【CSS】↓

div {
 border: 2px solid #ff0000;
}
p.keisyou {
 border: inherit;
}

【HTML】↓

<div>
 <p class="keisyou">inheritに対応したブラウザで見ると赤の四角い枠線が2本見えるはずです。</p>
</div>

inheritに対応したブラウザで見ると赤の四角い枠線が2本見えるはずです。

【反映された場合の画像】↓

スタイルが反映されないブラウザのためのサンプル画像

 inheritに対応したブラウザで見ると上記の画像のように赤の四角い枠線が2本見えるはずです。(青色の枠線内が画像です。)

XHTML/CSS・目次 | CSS基礎知識・目次

Copyright (C) 2006-2007 http://www.xml.vc/