-moz-, -webkit-, -o-這些都是瀏覽器字首。box-shadow才是css樣式。

透過js獲取css的box-shadow的方法：

div

{

box-shadow: 10px 10px 5px #888888;

}

js方法：

document.div[0].style.box-shadow = "12px 11px 5px #888888;";

常用字首和瀏覽器的對應關係如下：

Firefox: -moz-

Chrome, Safari: -webkit-

Opera: -o-

IE: -ms-

css標準中各個屬性也要經歷從草案(WD)到推薦(REC)的過程，css3中的屬性進展都不一樣。瀏覽器廠商在標準尚未明確情況下提前支援會有風險，同時也會出現有的瀏覽器廠商支援的好，有的支援的不好，所以就用廠商字首加以區分。

PPK建議如果已成為REC或接近REC的屬性，廠商如果完全實現了w3c的test case，就不用加廠商字首，像border-radius在ie9下就不用加字首。