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

レスポンシブデザインでサイトを組むと、PC用に使ったCSSの設定を解除したい時ってありますよね。
そんな時に使えるTipsを紹介したいと思います。
initialを使ってブラウザの基準値に戻す
CSS3から、initial
プロパティが使えるようになりました。
各ブラウザの対応状況は、『Can I use』で確認しましょう。
使い方は簡単。
padding: initial;
margin: initial;
color: initial;
background: initial;
上記の様に、CSSのプロパティに initial
と入れるだけです。
自分が使うタイミングとしては、背景色をなくす(透明の状態に戻す)事に使う事が多い気がします。
他の場合はほとんど、プロパティを上書きしちゃえば済む気がするんで。
以上、お疲れ様でした!
スポンサーリンク
コメント欄
コメントを書く