ブラウザは CSS 属性で欠落している単位をどのように処理しますか?

単位のない CSS 属性のフォールバック

CSS で単位 (px、em、pt、% など) が欠落している場合、

Quirks モードの動作

Quirks モードでは、一部のブラウザは優先単位 (通常は px) にフォールバックする場合があります。この動作は、幅や高さなどの単位のない HTML 属性の伝統に基づいています。

標準モードの動作

標準モードでは、CSS2.1 仕様に従って、すべて非-ゼロの長さの値には単位が必要です。 UA は単位のない長さの値を無視することが期待されます。

ブラウザの不一致

標準モードでは標準化された動作にもかかわらず、ブラウザは quirks モードでは不一致を示します:

• Internet Explorer: IE7 以降で単位なしルールが無視されました
• Firefox: 幅は px にフォールバックしますが、ボーダー幅は無視されます
• Chrome、Opera、Safari: 両方の幅が px にフォールバックしますand border-width

W3C 要件

W3C は、quirks モードでの単位のない CSS 属性の動作を規定しません。仕様では、UA が標準モードで単位のない長さの値を無視することのみが義務付けられています。

具体的な質問:

1. なぜ quirks モードで px フォールバックするのですか?
   これは、レガシー HTML 属性に基づいた奇妙な動作です。
2. 優先ユニットへのフォールバックは必須ですか?
   いいえ、quirks モードでは必須ではありません。
3. 指定された例の正しい動作モードの動作:
   ブラウザの動作に依存するため、定義された正しい動作はありません。 Chrome、Opera、Safari の動作は、標準モードで単位のないルールを無視することでより一貫性があります。

以上がブラウザは CSS 属性で欠落している単位をどのように処理しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。