2024年6月アーカイブ

CSSのプロパティの値を初期値に戻す

| コメント(0)
CSSですでに指定されている値をリセットしたい場合、「initial」「revert」「inherit」「unset」を使用します。

例えば
font-size: 20px;
と指定されている要素に対し、
font-size: revert;
のように上書きすることで文字サイズを初期値に戻すことができます。

では上記4つのどれを使うかというと、
リセットしてどのような状態にしたいかによって変わってきます。

●initial
仕様で決められたプロパティ自体の初期値にリセット

inherit
親要素からプロパティの値を継承

revert
ブラウザのデフォルトスタイルにリセット

●unset
親要素の値を継承できるプロパティには「inherit」を適用、
そうでないプロパティには「initial」を適用

このアーカイブについて

このページには、2024年6月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2024年3月です。

次のアーカイブは2024年7月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。