一言で言うとプロパティの初期化になるのですが、 それぞれが異なる動きをします。 自分のまとめも兼ねて投稿します。 これは何? CSSの値のキーワード プロパティに対して、初期値・継承値をセットします。 この為、プロパティをリセットしたい時に使用できます。 使いたい場面 ABテスト等で特定のstyleを消したい時。 CSSフレームワークを使用する際に、特定のstyleを消したい時。 急ぎ(障害対応等)でstyleを設定したい、かつ複数のセレクタが入り混じって何だか分からない時に、一旦styleを消してしまいたい時。 基本的には「初期値・継承値をセット」なのですが、それぞれ異なる働きをするので、注意が必要です。 各プロパティ そのstyleのプロパティの初期値又は規定値を設定する。初期値に戻したい時に使用できる。 ここでの初期値は、ブラウザーのスタイルシートで指定された値ではありません。 使用
![CSS値の「initial」「inherit」「unset」「revert」の違い - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/77c09846d83b903a8034e2dffc3a461adc6fb061/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9Q1NTJUU1JTgwJUE0JUUzJTgxJUFFJUUzJTgwJThDaW5pdGlhbCVFMyU4MCU4RCVFMyU4MCU4Q2luaGVyaXQlRTMlODAlOEQlRTMlODAlOEN1bnNldCVFMyU4MCU4RCVFMyU4MCU4Q3JldmVydCVFMyU4MCU4RCVFMyU4MSVBRSVFOSU4MSU5NSVFMyU4MSU4NCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZWU1ZmJlNjczNGZjNDU4ZDdhYzI5MTZlMDU1YzdlMDM%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBoLW5haXRvJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz02MWEyZWQ0MWJkYTBlMTViMzhkM2M4NmNlYWY1MDdhOA%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D07b1e836fa0612c4a7069b7d9c60f855)