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

関連情報

  • 継承
  • initial を使用すると、プロパティを初期値に設定します。
  • unset を使用すると、継承プロパティは継承値に、それ以外は初期値に設定します。
  • revert を使用すると、プロパティをユーザーエージェントのスタイルシート (またはもしあれば、ユーザーのスタイル) で設定された値に初期化します。
  • all プロパティは、すべてのプロパティを一度に initial, inherit, revert, unset の状態にします。