inherit
inherit
は CSS のキーワードで、要素のプロパティの計算値を親要素から取得するよう指定します。 CSS の一括指定 all
を含め、すべての CSS プロパティに適用することができます。
継承プロパティにおいては、既定の動作を推進するものであり、他の規則を上書きする場合にのみ必要です。
親要素が包含ブロックではなかった場合であっても、常に文書ツリー内の親要素から継承が行われます。
例
選択された要素をルールから除外
css
/* 第 2 レベルのヘッダーを緑色にする */
h2 {
color: green;
}
/* ... ただしサイドバーの中にあるものは、親要素の色を使用する */
#sidebar h2 {
color: inherit;
}
この例の中で、サイドバー内にある h2
要素は異なる色になる可能性があります。例えば、以下のルールに一致する div の子であった場合は ...
css
div#current {
color: blue;
}
... 青になるでしょう。
仕様書
Specification |
---|
CSS Cascading and Inheritance Level 4 # inherit |
ブラウザーの互換性
BCD tables only load in the browser