ベンダープレフィックスとは
 
正式にcssの仕様となっていない、草案段階の『プロパティ.値』もしくは、試験的に各ブラウザが使っているか、独自に各ブラウザが開発を進めているものは、全てのブラウザで、効果が適応される訳ではないです。

現段階では、ブラウザ間での仕様が結構異なっていますので、この、ベンダープレフィックスをつける事が推奨されています。

あと、スマートフォン系は-webkit-というベンダープレフィックスを必要な場合はつけてください。
ブラウザベンダープレフィックス
Internet Explorer-ms-
Firefox-moz-
Opere-o-
Google Chrome -webkit-
Safari-webkit-
　
実際の記述例です
#box1{
　-moz-box-shadow:pink 10px10px 3px 3px;
　-webkit-box-shadow:pink 10px10px 3px 3px;
}
#boxのセレクタ部分はhtmlで指定しているidです。

box-shadow:がプロパティですが、それぞれのブラウザにあわせて、ベンダープレフィックスをつけています。

今はまだこういう記述が必要なんだな〜程度に覚えておいてください。

基本的に現時点では、常に記述しておいた方がよいです。
 
　
もどる（CSSとは）次へ (優先順位）