css - border-radius vs -moz-border-radius

Question

これは、境界線の半径をに追加しているときに頭に浮かびました<div>。CSSプロパティはborder-radiusMozillaで正常に機能するのに、なぜ必要なの-moz-border-radiusですか？

Answer 1

古いバージョンのFirefox、つまりFirefox3.6以前の場合。

Answer 2

このようなベンダー固有のプレフィックスを使用した（簡単な）歴史があり、以前のブラウザーでコードをより簡単に読み取ることができます。HTML5 / CSS3サポートの初期には、各ブラウザーは要素を異なる方法で処理したため、border-radiusは次のようになります。

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

}

現在、多くの最新のブラウザは「border-radius」（たとえば、最新のChrome、Safari、Firefox、IE9）のようなスタイルを受け入れているため、前述のミニテックのように、これらのスタイルは現在、古いバージョンの最新ブラウザをサポートするために使用されています。