CSS の「all: unset」と「all: revert」の違いは何ですか?

「all: unset」と「all: revert」の違いを理解する

CSS キーワード「all: unset」と「all: revert」は、次の目的で使用されます。要素のすべてのプロパティをリセットします。ただし、ブラウザーまたはカスタム ユーザー スタイルシートによって設定されるプロパティに関しては、これらの間には決定的な違いがあります。

'all: unset' は、'inherit' キーワードのように動作し、プロパティが親要素から継承されている場合は、その継承値に設定されます。継承された値がない場合は、プロパティを初期値 (ブラウザーによって定義されているデフォルト値) に設定します。一方、

'all: revert'、プロパティのカスケード値を、ブラウザのデフォルト スタイルやユーザー スタイルシートなど、現在のスタイルの原点によって変更が加えられる前の初期状態にリセットします。

例として、ブラウザがデフォルトのマージン 50 ピクセルを適用するとします。 「p」要素を使用し、その要素に「margin: revert」を設定すると、何も変更がなかったかのようにマージンが 50px にリセットされます。対照的に、「margin: unset」を設定すると、ブラウザのデフォルトのマージンが削除されます。

例:

この例では、最初の段落にマージンが設定されます。

結論:

'all: unset' はすべてのプロパティを継承値または初期値にリセットしますが、'all : revert' は、特にプロパティをスタイルの変更が適用される前の初期状態に戻します。この違いを理解することは、特にブラウザーやユーザーのスタイルシートを扱う場合、要素のスタイルを微調整するために重要です。

以上がCSS の「all: unset」と「all: revert」の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。