CSS3的字首是一個瀏覽器生產商經常使用的一種方式。它暗示該CSS屬性或規則尚未成為W3C標準的一部分。

以下是幾種常用字首

• -webkit
• -moz
• -ms
• -o

舉例來說，一個CSS3旋轉的程式碼是：

-webkit-transform:rotate(-3deg); /*為Chrome/Safari*/
-moz-transform:rotate(-3deg); /*為Firefox*/
-ms-transform:rotate(-3deg); /*為IE*/
-o-transform:rotate(-3deg); /*為Opera*/

CSS3字首+標準程式碼的順序

既然CSS3程式碼中（暫時）需要寫上這麼多字首，那麼他們的順序是如何的呢？

結論是先寫私有的CSS3屬性，再寫標準的CSS3屬性。

-webkit-transform:rotate(-3deg); /*為Chrome/Safari*/
-moz-transform:rotate(-3deg); /*為Firefox*/
-ms-transform:rotate(-3deg); /*為IE*/
-o-transform:rotate(-3deg); /*為Opera*/
transform:rotate(-3deg); /*為nothing*/

去掉CSS3字首

什麼時候我們可以去掉一個屬性的CSS3字首呢？答案是，當一個屬性成為標準，並且被Firefox、Chrome等瀏覽器的最新版普遍相容的時候。

以border-radius為例：

-moz-border-radius: 12px; /* FF1-3.6 */
-webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

FF4、Saf5以及Chrome都支援border-radius屬性了，我們就沒有必要寫以上兩條了，程式碼變成：

border-radius: 12px;

【注】CSS Lint