CSS3で採用される予定の機能を各ブラウザで先行して使用されるように実装されています。
といった各ブラウザの省略文字のようなものを付けなければなりません。
ベンダープレフィックス(接頭辞)とは、拡張機能であることを明示するための識別子。
将来的に仕様が変更される場合に備えて、独自拡張や先行実装のプロパティ名や値の先頭に付けることが推奨されているとのこと。
プロパティ名や値の前後に「-」を付けたベンダー識別子(vendor identifier)でブラウザの種類を特定しています。
実は最近までこの呼び方を知らなかった私。お恥ずかしい限りです。
各ブラウザの省略文字のようなものなので、わかりやすいですよね♪
ベンダープレフィックスは、導入予定のプロパティをお試し用として実装する際に記述することが推奨されているものです。
そういった場合のために、ベンダープレフィックス無しの記述も忘れずに記述しておきましょう。
新しいブラウザだと、ベンダープレフィックスがついていると逆に動作してくれないものもあるみたいなので、必ずベンダープレフィックス無しの記述は書いておきましょう。
早く全ブラウザの仕様が統一されてくれる日が来るといいですね。
ちなみにベンダープレフィックスを書く順番は、標準的なプロパティを一番最後に書いてあげます。