CSS値の「initial」「inherit」「unset」「revert」の違い - Qiita

一言で言うとプロパティの初期化になるのですが、 それぞれが異なる動きをします。 自分のまとめも兼ねて投稿します。 これは何？ CSSの値のキーワード プロパティに対して、初期値・継承値をセットします。 この為、プロパティをリセットしたい時に使用できます。 使いたい場面 ABテスト等で特定のstyleを消したい時。 CSSフレームワークを使用する際に、特定のstyleを消したい時。 急ぎ（障害対応等）でstyleを設定したい、かつ複数のセレクタが入り混じって何だか分からない時に、一旦styleを消してしまいたい時。 基本的には「初期値・継承値をセット」なのですが、それぞれ異なる働きをするので、注意が必要です。 各プロパティ そのstyleのプロパティの初期値又は規定値を設定する。初期値に戻したい時に使用できる。 ここでの初期値は、ブラウザーのスタイルシートで指定された値ではありません。 使用