inherit 値
inherit 値は、プロパティの値を親のエレメントから継承することを示す CSS の値です。
body {
color: blue;
}
div {
color: inherit;
}
詳しくは Example を参照してください
CSS プロパティの値をキーワードによって指定する方法には以下があります。
| キーワード値 | 機能 |
|---|---|
| initial | 仕様で決められた設定値 |
| inherit | 親エレメントの設定値を継承 |
| revert | ブラウザで設定された値 |
| unset | 継承値が優先される。値が継承値されるプロパティでは inherit に同じ。継承されない場合は initial に同じ |
指定値を固定化する場合は !important 宣言を加えます。
ページ内 Index
構文(Syntax)
CSS
inherit
CSS プロパティに inherit を指定するとその親エレメントの設定値が継承されます。
Example
inherit 値の例です。
inherit 値は、プロパティの値を親のエレメントから継承します。
以下の例では、div.over で設定した文字色color:blue;
を、div.example が inherit によって継承しています。
そのため div.example でも文字色はcolor:blue;
となります。