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

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

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

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

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

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

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

使い方は簡単。

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

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

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

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

以上、お疲れ様でした!

スポンサーリンク

コメント欄

コメントを書く

RELATED POST

関連記事

NEW POST

新着記事はこちら