ブラウザはフォールバック状況で単位のない CSS 属性をどのように処理しますか?

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

CSS 属性に px、em、pt、% などの単位指定子がない場合、ブラウザーは

ピクセルへのフォールバック

互換モードでは、一部のブラウザーは、単位が不足している属性についてピクセル単位 (px) にフォールバックする場合があります。この動作は、単位宣言なしでピクセル長を受け入れていた幅や高さなどの従来の HTML 属性に起因します。

必須の単位要件

CSS2.1 によれば、すべてゼロ以外長さの値には単位を含める必要があります。標準モードでは、ユーザー エージェントは単位のない長さの値を無視する必要があります。ただし、このルールはすべてのブラウザで厳密に守られているわけではありません。

ブラウザの不一致

仕様にもかかわらず、ブラウザは単位のない CSS 属性の処理に一貫性がありません。たとえば、quirks モードでは:

• Internet Explorer (IE7) は、単位が欠落している場合、ルール全体を無視します。
• Firefox は、特定の属性 (幅など) について px にフォールバックする場合があります。ただし、その他 (例: border-width) は無視します。
• Chrome、Opera、Safari は幅と border-width の両方を px にフォールバックします。

Quirks Mode Behavior

単位のない CSS 属性に対する特定の quirks-mode の動作は、仕様では明示的に定義されていません。 IE7 などの一部のブラウザーは標準モードの動作に準拠しようとする場合がありますが、他のブラウザーはより寛容な quirks モードの動作を保持する場合があります。

結論

CSS 属性のフォールバック動作単位なしの場合は、ブラウザーとレンダリング モードによって異なる場合があります。標準モードでは、ユーザー エージェントは単位のない長さの値を無視する必要があります。ただし、quirks モードでは、ブラウザーが一貫性のない動作を示し、単位のない属性の解釈方法にばらつきが生じる可能性があります。ブラウザーやレンダリング モード全体で予測可能な動作を保証するために、すべての CSS 属性の単位を明示的に宣言することをお勧めします。

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