Webサイトのお困りごとはこちらへ

CSSを初期化する「initial」【解除・リセットする方法】

ハシビィくん

CSSを初期化する方法ってあるんっすか?部分的にCSSを解除したいんですけど…

カピーさん

もちろん希望通りのCSSはあるぞ!

目次

initialは初期値を設定してくれる

initial はどのCSSにも適用させることができます。initial を使うことでプロパティの初期値(既定値)に設定することができます。

上書きされる初期値(既定値)はブラウザのデフォルト値が当てがわれます。

<div>
 <span>カピーさんは赤色が好き</P>
 <span class="initial">ハシビィー君は黒派</P>
</div>
.div{
 color:red;
}

.initial{
 color:initial;
}
カピーさん

Internet Explorer11では非対応だったが、サポートが切れたので使用するのもアリになったぞ。

まとめ:部分的にCSS解除をするなら

最後に『CSSを初期化する「initial」【解除・リセットする方法】』に関する結論を。

CSSを初期化する「initial」【解除・リセットする方法】
  • initial は初期化するためのCSS
  • ブラウザのデフォルト値が表示される
この記事をシェアする
目次