CSSの設定を解除したい時に使えるTips

レスポンシブデザインでサイトを組むと、PC用に使ったCSSの設定を解除したい時ってありますよね。

そんな時に使えるTipsを紹介したいと思います。

initialを使ってブラウザの基準値に戻す

CSS3から、initialプロパティが使えるようになりました。

各ブラウザの対応状況は、『Can I use』で確認しましょう。

使い方は簡単。

padding: initial;
margin: initial;
color: initial;
background: initial;

上記の様に、CSSのプロパティに initial と入れるだけです。

自分が使うタイミングとしては、背景色をなくす（透明の状態に戻す）事に使う事が多い気がします。

他の場合はほとんど、プロパティを上書きしちゃえば済む気がするんで。

以上、お疲れ様でした！