ベンダープレフィクス

ベンダープレフィクス(先行実装・独自拡張などの実験的機能、草案から勧告候補になった時点で記述の必要をなくす。)
異なった記述ではなく、統一して欲しいベンダープレフィクスですが、CSS3を試すのに現状まとめ。ちなみにtext-shadowはどのブラウザ(ieは8まで除く)でもベンダープレフィクスなしで使用できるみたい...

■ 各ベンダープレフィクス(接頭辞)

-moz- Firefox
-webkit- Safari/Chrome
-o- Opera
-ms- InternetExplorer(8から実装)

■ border-radius (角丸)

Firefox
-moz-border-radius-topleft
-moz-border-radius-topright
-moz-border-radius-bottomleft
-moz-border-radius-bottomright
Safari/Chrome
-webkit-border-top-left-radius
-webkit-border-top-right-radius
-webkit-border-bottom-left-radius
-webkit-border-bottom-right-radius

※IE・Opera未対応

■ box-shadow (ボックス要素に影)

Firefox
-moz-box-shadow
Safari/Chrome
-webkit-box-shadow
Opera10.50以降
box-shadow

※IE未対応

■ column-count/column-gap (複数列レイアウト)

Firefox
-moz-column-count
-moz-column-gap
Safari/Chrome
-webkit-column-count
-webkit-column-gap

※IE・Opera未対応

■ box-sizing (ボックスモデルを任意に変更)

Firefox
-moz-box-sizing
Safari/Chrome
-webkit-box-sizing
InternetExplorer
-ms-box-sizing
Opera
-o-box-sizing

■ gradient (グラデーション)

Firefox
-moz-linear-gradient
Safari/Chrome
-webkit-gradient

※IE・Opera未対応

■ transition (値を変化・アニメーション)

Firefox
-moz-transition
Safari/Chrome
-webkit-transition
Opera
-o-transition

※IE未対応