ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS プロパティの接頭辞の目的は何ですか?

CSS プロパティの接頭辞の目的は何ですか?

青灯夜游
青灯夜游オリジナル
2020-11-10 12:21:112628ブラウズ

機能: 新しい CSS プロパティが標準になる前に、ブラウザで事前にサポートできるようにします。 W3C は標準の策定に非常に時間がかかり、ブラウザ ベンダーにはマーケティング時間が不足しています。属性が十分に成熟していれば、サポートがブラウザに追加されます。W3C が標準を公開する際の将来の変更を避けるために、プライベート プレフィックスが追加されます。 . 新しいプロパティを事前にサポートします。

CSS プロパティの接頭辞の目的は何ですか?

CSS3 プロパティを使用したことのある学生は、CSS3 プロパティに各ブラウザでプレフィックスを付ける必要があることを知っていますが、現在でもプレフィックスを付ける必要があるプロパティが多数あります。 。

ブラウザのメーカーはこれまでにも CSS3 を実装してきましたが、まだ真の標準にはなっていません。このため、一部の CSS3 スタイル構文では、ブラウザー固有のプレフィックスが存在するままに提供されます。現在人気のある主なブラウザ カーネルは次のとおりです。

  • Trident カーネル: 主な代表は IE ブラウザです

  • Gecko カーネル: 主な代表は Firefox

  • Presto カーネル: 主な代表は Opera

  • Webkit カーネル: 主な代表は Chrome と Safari

異なるコアを備えたブラウザの場合、CSS3 属性 (プレフィックスを付ける必要がある一部の属性) に異なるプレフィックスを追加する必要がありますが、これはブラウザのプライベート プレフィックスとも呼ばれます。プライベート プレフィックスを追加した後の CSS3 属性は次のようになります。はブラウザに対応するプライベート プロパティです:

  • Trident カーネル: プレフィックスは -ms

  • Gecko カーネル: プレフィックスは です-moz

  • Presto カーネル: プレフィックスは -o

  • Webkit カーネル: プレフィックスは -webkit

CSS 属性プレフィックスの役割

ブラウザのプライベート プレフィックスは、ブラウザによる新しい CSS 属性の初期サポートです。

旧バージョンの書き方と互換性を持たせるため。例: 新しいバージョンのブラウザでは、border-radius という直接の書き込みがサポートされています。

-moz は Firefox ブラウザのプライベート プロパティを表し、-ms は IE ブラウザのプライベート プロパティを表し、-webkit は Safari および Chrome のプライベート プロパティを表します。

HTML と CSS の標準を策定する組織である W3C は非常に遅いからです。

通常、w3c 組織のメンバーが、rounded border-radius などの新しい属性を提案すると、誰もがそれが良いと考えますが、w3c が標準を開発する場合、非常に複雑な手順やレビューなどが必要になります。ブラウザ ベンダーのマーケティング時間は限られているため、属性が十分に成熟していれば、ブラウザにサポートが追加されるでしょう。

w3c が標準を公開するときに将来の変更を回避するには、事前に -webkit-border-radius などのプライベート プレフィックスを追加して、新しい属性をサポートします。

将来 w3c が標準を発表し、border-radius の標準的な記述方法が確立されるまで待ってください。その後、ブラウザの新しいバージョンが border-radius の記述方法をサポートすることになります。

プログラミング関連の知識について詳しくは、プログラミング コースをご覧ください。 !

以上がCSS プロパティの接頭辞の目的は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。