inherit
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
inherit は CSS のキーワードで、要素のプロパティの計算値を親要素から取得するよう指定します。 CSS の一括指定 all を含め、すべての CSS プロパティに適用することができます。
継承プロパティにおいては、既定の動作を推進するものであり、他のルールを上書きする場合にのみ必要です。
メモ: 親要素が包含ブロックではなかった場合であっても、常に文書ツリー内の親要素から継承が行われます。
例
選択された要素をルールから除外
css
/* 第 2 レベルのヘッダーを緑色にする */
h2 {
color: green;
}
/* サイドバーにあるものは、親の色を使用するようにする */
#sidebar h2 {
color: inherit;
}
この例では、サイドバーの中の h2 要素の色が異なるかもしれません。例えば、ルールに一致する div の子要素を考えてみましょう。
css
div#current {
color: blue;
}
こうすると、青になります。
仕様書
| 仕様書 |
|---|
| CSS Cascading and Inheritance Level 4 # inherit |