各大主流瀏覽器字首詳解 Browser Prefix

為了相容老版本的寫法。例如比較新版本的瀏覽器都支援直接寫

border-radius

，

-moz-

代表 Firefox 瀏覽器私有屬性，

-ms-

代表 IE 瀏覽器私有屬性，

-webkit-

代表 Safari、Chrome 私有屬性。

為什麼會出現瀏覽器字首

因為制定 HTML 和 CSS 標準的組織 W3C 動作是很慢的。

通常有的 W3C 組織成員提出一個新屬性，比如說圓角

border-radius

，大家都覺得好，但 W3C 制定標準，要走很複雜的程式，備案、審查、批覆等。而瀏覽器商市場推廣時間緊，如果一個屬性已經夠成熟了，就會在瀏覽器中加入支援。

為避免日後 W3C 公佈標準時有所變更，加入一個私有字首，比如

-webkit-border-radius

，透過這種方式來提前支援新屬性。

等到日後 W3C 公佈了標準，

border-radius

的標準寫法確立之後，再讓新版的瀏覽器支援

border-radius

這種寫法。

基本非IE的瀏覽器的私有屬性都會以-xxx-這樣開始：

-o-

就是以Presto為引擎的 Opera私有的

-icab-

是iCab私有的

-khtml-

就是以KHTML為引擎的瀏覽器（如Konqueror Safari）

-moz-

就是以mozilla的Gecko為引擎的瀏覽器（如Firefox，mozilla）

-webkit-

就是以Webkit 渲染引擎（是KHTML的衍生產品）的瀏覽器（如Safari、Swift）

瀏覽器字首寫法

下面是一個陰影屬性所需要寫的 CSS 程式碼

Firefox： -moz-box-shadowSafari： -webkit-box-shadowOpera： -o-box-shadowIE： -ms-box-shadow

題外關於W3C

W3C（World Wide Web Consortium）全球資訊網聯盟創建於1994年，是 Web 技術領域最具權威和影響力的國際中立性技術標準機構。到目前為止，W3C 已釋出了 200 多項影響深遠的 Web 技術標準及實施指南，如廣為業界採用的超文字標記語言（標準通用標記語言下的一個應用）、可擴充套件標記語言（標準通用標記語言下的一個子集）以及幫助殘障人士有效獲得 Web 內容的資訊無障礙指南（WCAG）等，有效促進了 Web 技術的互相相容，對網際網路技術的發展和應用起到了基礎性和根本性的支撐作用。