フリーランス・個人事業主として独立を目指すデザイナー、副業を始めたいデザイナーを応援します! 自立支援に役立つ初心者向けWordPress情報も随時アップします!

CSSでよく混同する「initial/inherit/unset」の違いについて

読了目安時間は約 2 分です。

CSSでプロパティをリセットする時に使うinitialinheritunset

一見するとどれも似たような挙動をしますので「どれが何だっけ?」と迷ってしまいます。

なので覚え書きついでにまとめてみます。

目次

initial

プロパティの初期値(または規定値)を設定。

初期値に戻したり改めて値を設定したい時に使用。

inherit

プロパティの値を親要素から継承。

値を親要素と合わせたい時に使用。

unset

プロパティをリセットして、親要素から継承できる場合は継承(inherit)、継承されない場合は初期値を設定(initial)。

all: initial;
color unset;

のように一部だけ継承する場合に使用。

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
目次
閉じる