ホームページ  >  記事  >  ウェブフロントエンド  >  CSS 属性のプレフィックスとは何ですか?

CSS 属性のプレフィックスとは何ですか?

青灯夜游
青灯夜游オリジナル
2020-12-16 15:22:264207ブラウズ

css 属性の接頭辞は次のとおりです: 1. 「-moz-」、Firefox ブラウザのプライベート属性を表します。 2. 「-ms-」、IE ブラウザのプライベート属性を表します。 3. " -webkit-" は、Safari および Chrome ブラウザのプライベート属性を表します。 4. "-o-" は、Opera ブラウザのプライベート属性を表します。

CSS 属性のプレフィックスとは何ですか?

(推奨チュートリアル: CSS ビデオ チュートリアル)

現在、主に人気のあるブラウザ カーネルには次のものが含まれます。

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

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

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

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

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

  • Trident カーネル: -ms-

  • というプレフィックスが付く Gecko カーネル: -moz-

  • というプレフィックスが付くPresto カーネル: プレフィックスは -o-

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

理由プライベートプレフィックスは必要ですか?

HTML と CSS の標準を策定する組織である W3C は非常に遅いからです。通常、w3c 組織のメンバーが、rounded border-radius などの新しい属性を提案し、誰もがそれが良いと考えるのですが、w3c はこの属性の標準を設定せず、非常に複雑なプロセスを経て、たくさんのレビュー。ブラウザ ベンダーは、それほど長く待つつもりはなく、属性が十分に成熟していると判断すれば、ブラウザにサポートを追加します。

ただし、将来 w3c が標準を発表する際の変更を避けるために、-webkit-border-radius などのプライベート プレフィックスが追加され、新しい属性が事前にサポートされます。将来の標準、border-radius の標準的な記述方法が確立された後、新しいブラウザは border-radius の記述方法をサポートすることになります。

簡単な例を見てみましょう。初期段階で丸い境界半径を記述するには、次のように記述する必要があります:

.box { 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-o-border-radius: 5px; 
border-radius: 5px; 
}

拡張情報:

Theいわゆるブラウザ カーネルは、ブラウザが使用するレンダリング エンジンによって、ブラウザが Web ページのコンテンツとページの形式情報をどのように表示するかを決定します。ブラウザー カーネルが異なれば、Web ページ作成構文の解釈も異なるため、カーネルが異なるブラウザーでは同じ Web ページのレンダリング (表示) 効果も異なる場合があります。これが、Web ページ作成者が異なるカーネルを備えたブラウザーで Web ページをテストする必要がある理由です。 . 表示効果の理由。

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

以上がCSS 属性のプレフィックスとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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