ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS スター プロパティ ハックとは何ですか?またその仕組みは何ですか?

CSS スター プロパティ ハックとは何ですか?またその仕組みは何ですか?

Barbara Streisand
リリース: 2024-12-05 03:41:09
オリジナル
743 人が閲覧しました

What are CSS Star Property Hacks and How Do They Work?

CSS のスター プロパティ ハックとは何ですか?

CSS では、スターの前にあるプロパティは「スター プロパティ ハック」として知られています。 」この手法は主に、古いバージョンの Internet Explorer ブラウザ、特に IE6 と IE7 を対象とするために使用されます。

次の CSS ルール セットを考えてみましょう:

div.with-some-class {
    display:block;                   
    margin:0;
    padding:2px 0 0 0;
    *padding:1px 0 0 0;
    font-size:11px;   
    font-weight:normal;
    *line-height:13px;
    color:#3D9AD0;
}
ログイン後にコピー

この例では、アスタリスク (*)前に、padding プロパティと line-height プロパティがスター プロパティ ハックです。特に古いバージョンの Internet Explorer では、これらのプロパティに異なる値を指定できます。

IE はプロパティの前にあるジャンク文字を無視するため、「スター プロパティ ハック」は機能します。この場合、アスタリスク (*) は IE によってジャンクとみなされ、次の CSS ルールが古い IE ブラウザに適用されます:

div.with-some-class {
    display:block;                   
    margin:0;
    padding:1px 0 0 0;
    line-height:13px;
    font-size:11px;   
    font-weight:normal;
    color:#3D9AD0;
}
ログイン後にコピー

このハックは、特定のブラウザに異なるスタイルを適用する必要がある場合に特に便利です。ブラウザまたはブラウザのバージョン。ただし、スター プロパティ ハックは最新のブラウザではサポートされていないため、必要な場合にのみ使用する必要があることに注意してください。

以上がCSS スター プロパティ ハックとは何ですか?またその仕組みは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート