CSS 属性はいつ単位なしのピクセル (px) にフォールバックしますか?-CSSチュートリアル-php.cn

CSS 属性はいつ単位なしのピクセル (px) にフォールバックしますか?

Susan Sarandon

リリース： 2024-10-24 09:26:29

オリジナル

247 人が閲覧しました

When Do CSS Attributes Fallback to Pixels (px) Without Units?

単位のない CSS 属性のフォールバック: ケーススタディ

CSS 属性では、多くの場合、単位 (px、em、% など) を指定する必要があります。彼らの価値観。ただし、特定のシナリオでは、これらのユニットが省略される場合があります。これにより、そのような状況でのフォールバックメカニズムとユーザーエージェント (UA) の動作について疑問が生じます。

質問:

一部の属性はなぜ単位が省略された場合、ピクセル (px) にフォールバックしますか?
すべての W3C 勧告で優先されるフォールバック単位は px ですか?
UA には次のことが義務付けられていますか?優先ユニットにフォールバックしますか?
さまざまなブラウザの動作を考慮した場合、次の例の正しい動作は何ですか?

<body>
    <div 
        style=  "width:170;
                border:1 dotted PaleGreen;
                background-color:MistyRose">
        The quick brown
    </div>
</body>

ログイン後にコピー

答え:

1. px Quirks モードでのフォールバック

適切な doctype がないことによってアクティブ化される Quirks モードでは、一部のブラウザーは特定の属性について px にフォールバックする場合があります。この動作は、ピクセル長として単位のない数値を受け入れる従来の HTML の幅と高さの属性に起因します。

2.優先フォールバックユニット

はい、定義されたユニットがない場合、px が優先フォールバックユニットです。これは、従来の HTML 動作との互換性に基づいています。

3.フォールバック義務

いいえ、UA に優先ユニットへのフォールバックを義務付ける正式なルールはありません。これにより、ブラウザ間で一貫性のない動作が発生します。

4.ブラウザ動作分析

Internet Explorer: quirks モードでは、幅とボーダー幅が px に戻ります。標準モードでは、単位のない値は無視されます。
Firefox: quirks モードでは、幅は px に戻りますが、border-width の単位のない値は無視されます。
Chrome、Opera、Safari: quirks モードでは、幅とボーダー幅の両方が px に戻ります。

注: 標準モードでは、すべてブラウザは単位のない長さの値を無視する必要があります。

以上がCSS 属性はいつ単位なしのピクセル (px) にフォールバックしますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。