2011-12-11 3 views
6

可能性の重複:
Why do browsers create vendor prefixes for CSS properties?ブラウザにCSS3のベンダープレフィックスが必要なのはなぜですか?標準的なCSS3のプロパティを使うだけで何が止められるでしょうか?

例えば、私は私が回転したい画像を持っている場合、私はtransform: rotate(50deg);を使用しますが、時に正常に動作したときに、なぜGoogle Chromeは何もしないん私は-webkit-transform: rotate(50deg);を使用していますか?

プログラマ/デザイナーが同じコードを一度だけ書き込むように、ブラウザごとに一度ではないように、標準を作ることの重要なポイントはありませんか?これは近い将来に変更される予定のものなのでしょうか、それとも常にこのようなものでしょうか?私はちょうどCSS3を使用し始めて、これは私にとって本当に奇妙なようです。

+0

またはむしろ、一般的にCSSを使い始めたばかりです。これがいつも問題であったかどうかは分かりません。 – thisissami

答えて

6

CSS3は完全な標準として正式にはまだ採用されていませんが、それでもまだdraft proposalです。

ベンダー固有のタグを使用すると、ベンダーはCSS3のドラフト標準または提案されたアイデアを今度はexperimental implementationsを使用して開始できると同時に、これらの独自のタグでの現在のレンダリングを将来実際のCSS3タグたとえそれが異なっていても、最終的な仕様通りです。

2

標準的なステートメントは実装されておらず、ベンダーが独自の機能をテストして実装するためのプレフィックスです。コードが安定するにつれて、ブラウザは標準ステートメントを使い始めるべきです。

あなたはいつものように末尾に非接頭辞書を残すことは、これにより重要です:カスケードスタイルシートカスケードのために自分の名前を取得するので

-o-transition: all 1s linear; 
-ms-transition: all 1s linear; 
-moz-transition: all 1s linear; 
-webkit-transition: all 1s linear; 
transition: all 1s linear; 

。標準ステートメントは、残りの部分が使用可能になると、それを上書きします。