CSS における「イニシャル」とは実際には何を意味するのでしょうか?

CSS の 'initial' の重要性を明らかにする

当初の想定に反して、CSS の 'initial' 値はスタイルを復元しません。ブラウザの内部スタイルシートによってレンダリングされます。これは、CSS 仕様で定義されている、プロパティの指定された初期値を表します。

「初期」値について

「初期」値は、ブラウザのデフォルト値と同義ではありません。 。その意味は、特定のプロパティによって異なります。たとえば、「display」プロパティの場合、「initial」は常に、指定された初期値である「inline」を表します。

探索例

次のスニペットを考えてみましょう。

div.inline {
  display: inline;
}

div.initial {
  display: initial;
}

予想どおり、「インライン」ルールには

が表示されます。 列をなして。ただし、「initial」ルールでは、

も初期の「block」値ではなくインラインで表示されます。この動作は、「display」の「initial」が常に「inline」を意味するという事実に由来します。

限定された有用性

「initial」値の有用性は限定的です。これは、その意味がブラウザーに依存する「color」プロパティにとって価値がある場合があります。同様に、「font-family:initial」を使用すると、ブラウザのデフォルトのフォントが取得されます。

ブラウザの互換性と結論

「initial」は Internet Explorer ではサポートされていないことに注意してください。実用性がさらに制限されます。結論として、「初期」値はよく誤解される CSS の概念です。これは、プロパティの指定された初期値を指し、ブラウザのデフォルトや要素の初期レンダリング スタイルを意味するものではありません。

以上がCSS における「イニシャル」とは実際には何を意味するのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

css for using internal Property default this display

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。