読了目安時間は約 2 分です。
CSSでプロパティをリセットする時に使うinitial
/inherit
/unset
。
一見するとどれも似たような挙動をしますので「どれが何だっけ?」と迷ってしまいます。
なので覚え書きついでにまとめてみます。
目次
initial
プロパティの初期値(または規定値)を設定。
初期値に戻したり改めて値を設定したい時に使用。
inherit
プロパティの値を親要素から継承。
値を親要素と合わせたい時に使用。
unset
プロパティをリセットして、親要素から継承できる場合は継承(inherit)、継承されない場合は初期値を設定(initial)。
all: initial;
color unset;
のように一部だけ継承する場合に使用。