備忘録的プログラミングリファレンス

initial 値

 initial 値は、プロパティの値を仕様における既定値に戻す CSS の値です。

 initial 値は all プロパティを含むすべてのプロパティで機能します。

 仕様における既定値とブラウザにおける既定値に違いがあることに注意してください。ブラウザにおける既定値に戻すにはrevertを指定します。

initial プロパティ
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 値指定によって文字色が黒色(プロパティの既定値)に設定されます。 継承よりも優先されることが分かります。