このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。
inherit
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
inherit は CSS のキーワードで、要素のプロパティの計算値を親要素から取得するよう指定します。 CSS の一括指定all を含め、すべての CSS プロパティに適用することができます。
継承プロパティにおいては、既定の動作を推進するものであり、他のルールを上書きする場合にのみ必要です。
メモ:親要素が包含ブロックではなかった場合であっても、常に文書ツリー内の親要素から継承が行われます。
In this article
例
>選択された要素をルールから除外
css
/* 第 2 レベルのヘッダーを緑色にする */h2 { color: green;}/* サイドバーにあるものは、親の色を使用するようにする */#sidebar h2 { color: inherit;}この例では、サイドバーの中のh2 要素の色が異なるかもしれません。例えば、ルールに一致するdiv の子要素を考えてみましょう。
css
div#current { color: blue;}こうすると、青になります。
仕様書
| Specification |
|---|
| CSS Cascading and Inheritance Level 4> # inherit> |