CSS の「width」プロパティ宣言の「\9」は実際には何をするのでしょうか?

CSS ハックの公開: width プロパティ宣言の 9 の意味を解明する

CSS の領域では、接尾辞 9 は眉をひそめる可能性があります。ここでは、その目的と Web 開発における影響について詳しく見ていきます。

9 を理解する: ブラウザー固有の CSS ハック

一見すると、9 は次のように見えます。 CSS の幅プロパティ宣言への独特な追加。

width: 500px\9;

その本質を明らかにします。 9 は実際には、Internet Explorer バージョン 7、8、および 9 専用のあいまいな「CSS ハック」です。これは、9 の存在により、その特定の CSS ルールの適用がこれらの古い IE ブラウザのみに制限されることを意味します。

CSS 宣言の詳細

上記の例では、「width: 500px9;」これは、ページが IE 7、8、または 9 でレンダリングされる場合にのみ 500 ピクセルの幅が有効になることを意味します。IE の将来のバージョンを含む他のすべての最新ブラウザは、この行を単純に無視し、要素の幅は影響を受けません。

実用的なアプリケーション

この CSS ハックは、次のようなシナリオで役立ちます。 IE では、他のブラウザとは異なるスタイルを要素に適用する必要があります。たとえば、次のようになります。

#myElement {
    width: 300px;
    width: 500px\9;
}

その結果、IE 7 ～ 9 では「#myElement」の幅は 500 ピクセルになりますが、他のブラウザでは幅 300 ピクセルになります。

注目すべき例外

次の点に注意してください。この質問に対する最初の答えが提供された 2011 年以来、ブラウザは大幅に進化しました。 9 は主に IE 7 ～ 9 に関連付けられていましたが、IE 10 でも機能することが観察されています。ただし、このハックは一般的に時代遅れであると考えられており、現代の Web 開発実践では避けるべきです。

以上がCSS の「width」プロパティ宣言の「\9」は実際には何をするのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。