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