CSS3ベンダープレフィックス記述方法

CSSプロパティにはブラウザ独自の拡張機能が実装されていたり、CSS草案段階で先行して実装することがあるため、拡張機能であることを明示するための記述がベンダープレフィックスです。

ベンダーとは提供元や売り手を意味し、プレフィックス(Prefix)とは接頭辞のことであり、ブラウザの提供元に対する接頭辞ということになります。

■主なブラウザのベンダープレフィックス
-moz-  …… Firefox
-webkit- …… Google Chrome、Safari
-ms-   …… Internet Explorer
-o-    …… Opera

また、CSS3はブラウザによって拡張機能はばらつきがあり、IEは特に近年のヴァージョンまで実装されていないCSS3プロパティが多い状態でした。

また、ベンダープレフィックスなしの記述も標準で記述しておくとよいようです。

実装されていなければスルーされるし、後々実装された場合はそのままプロパティを実行します。ただし、ベンダープレフィックスを付けたプロパティと、そのまま記述したプロパティは同一の内容にする必要があります。