本页使用了标题或全文手工转换

瀏覽器引擎CSS支援比較

维基百科,自由的百科全书
跳转至: 导航搜索

以下的表格顯示一些瀏覽器引擎對於CSS的兼容性與支援的比較。想獲得更多訊息,請參照各產品的項目。此項目不見得包含所有的功能也不見得有最新消息。除非以附註指出特例,這裡以未加裝任何套件或是其他程式的穩定版本進行比較。

表格圖解[编辑]

引擎命名[编辑]

這裡使用後端的引擎名而不是瀏覽器的名稱。使用各瀏覽器引擎的瀏覽器如下表所示。

排版引擎 釋出版本 預覽版本 使用瀏覽器
Amaya 11.4.4 11.3-pre Amaya
Gecko 19 20 (Beta), 21 (Aurora) 所有Mozilla軟體,包含:FirefoxSeaMonkeyGaleonCaminoK-MeleonFlockEpiphanyGNU IceCatDebian IceweaselIcedove系列
KHTML 不適用 Konqueror
Presto 2.12.388 不適用 OperaOpera Mobile任天堂DS(i)瀏覽器Internet Channel
Prince 7.1 不適用 Prince XML
Trident 6.0 (IE 10.0) 不適用 Internet Explorer及其它以IE為核心的瀏覽器,如:Maxthon(視窗版本)
WebKit 537.33 不適用 Google ChromeMaxthon 3Safari(桌機與行動裝置)、ShiiraiCab 4OmniWeb 5.5+、EpiphanyAdobe AIRMidoriAdobe Dreamweaver CS4CS5Android瀏覽器、Palm webOS瀏覽器、Symbian S60瀏覽器、OWBSteamRekonqArora

取值[编辑]

以下各格的顏色表示該排版引擎的最新版本對該功能的支援程度。版本編號表示首次支援該功能的版本。

取值 解讀
1 表示該排版引擎完全地支援該功能或元素。
0 表示該功能或元素尚未有支援。
部份 表示該功能或元素有實作進展,但並不支援所有取值,對於已支援的取值,該實作是正確的。
不正確 表示該功能或元素有實作進展,但是實作並非在所有情況都是正確無誤的。
實驗性質 表示該功能或元素有實作進展,但是使用另外的屬性或元素名(瀏覽器前輟)。多半是不完全實作或是有過多的臭蟲
Nightly build 表示該功能或元素在未釋出的版本有某種程度的支援。預期將有完整支援。



CSS版本支援[编辑]

想了解各版本的CSS差異,請參考項目CSS。 本表格不以CSS2.0為準,因為存在取代它的CSS2.1。CSS2.1修正了部份CSS2.0的錯誤,刪除了不被CSS社區接受的功能。大部分被刪除的功能將會出現在CSS3。

Trident Gecko WebKit KHTML Presto Prince XML
CSS1 17.0 11.0 185 1 11.0 11.0
CSS2.1 大部分 大部分 大部分 大部分 大部分 大部分
CSS3 些許 部份 部份 些許 部份 些許

語法與規則[编辑]

Trident Gecko WebKit KHTML Presto Prince XML
CSS2 !important 重要程度增加 17.0 11.0 185 1 11.0 1
/*Comment*/ 註解 13.0 11.0 185 1 11.0 1
@import 匯入樣式 18.0 11.0 1 1 11.0 12.1
@charset 字元編碼 15.5 11.0 10 14.2.3 11.0 1
@media 媒體特定 15.5 11.0 1 1 11.0 15.1
@page 換頁媒體 18.0 0[g 1] 0[w 1] 0 11.0 16.0
CSS3 @namespace 命名空間宣告 19.0[t 1] 11.0 1 1 11.0 15.0
@document Restriction by URLs 0 16.0 0 0 0 0
@keyframes 动画关键帧 110.0[t 2] 116.0 實驗性質 0 12.12 0
@font-face 定義字型 14.0 11.9.1 1525 14.3 12.2 16.0
@supports 有条件的规则 0 17.0 Nightly build 0 12.12 0
@phonetic-alphabet 發音 0 0 0 0 0 0
@region Region flow segment 0 0 Nightly build 0 0 0
@counter-style 自定义计数器样式 0 0 0 0 0 0
@top-left-corner Margin boxes [spec 1] 0 0 0[w 2] 0 0 0
@top-left
@top-center
@top-right
@top-right-corner
@bottom-left-corner
@bottom-left
@bottom-center
@bottom-right
@bottom-right-corner
@left-top
@left-middle
@left-bottom
@right-top
@right-middle
@right-bottom
Trident Gecko WebKit KHTML Presto Prince XML

Trident語法與規則附註[编辑]

  1. !important — 7.0之前,!important並不會蓋掉在同一個宣告區的後面的規則。
  2. @import — 8.0之前,不支援媒體形態。使用@import <URL> <MEDIA>,則IE會要求此URL:「<URL> <MEDIA>」,包括url()及URL裡的引號。無法匯入超過35的樣式表。


Presto語法與規則附註[编辑]

  1. @import — 儘管Gecko、WebKit及iCab會立即下載所有樣式表,Opera只下載媒體名為「handheld」、「print」、「projection」、「screen media」、「speech」(當聲音功能在啟動狀態)、「tv」(電視裝置)。文字瀏覽器模擬模式僅為一個使用者樣式表而不用媒體形態「tty」。這是符合不支援CSS的老舊文字瀏覽器的。

選擇器[编辑]

Trident Gecko WebKit KHTML Presto Prince XML
元素選擇器[spec 2]
CSS2 * 全域 17.0 11.0 185 1 11.0 1
E 元素 14.0 11.0 185 1 1
E.class 類別 17.0 11.0 185 1 1
E#id ID 14.0 11.0 185 1 1
CSS3 ns|E 命名空間 19.0 11.0 1 1 1
關係選擇器
CSS2 E F 後裔 14.0 11.0 185 1 11.0 1
E > F 子元素 17.0 11.0 185 1 1
E + F 直接相連 17.0 11.0 185 1 1
CSS3 E ~ F 間接相連 17.0 11.7 1412 13.3.2 12.0 1
CSS4 E /for/ F Reference combinators 0 0 0 0 0 0
E! > F Subject 0 0[g 2] 0 0 0 0
屬性選擇器
CSS2 E[attr] 存在 17.0 11.0 185 1 11.0 1
E[attr="value"] 相等 17.0 11.0 1 1 1
E[attr~="value"] 含有(以空白相隔) 17.0 11.0 1 1 1
E[attr|="value"] 含有(以連字號相隔) 17.0 11.0 1 1 1
CSS3 E[attr^="value"] 以……開頭 17.0 11.0 1 13.4 11.0 1
E[attr$="value"] 以……結尾 17.0 11.0 1 13.4 12.0 1
E[attr*="value"] 含有子字串 17.0 11.0 1 13.4 1
E[ns|attr] 命名空間 17.0 11.0 1 13.4 0
擬類別
CSS2 E:link 未開過連結 13.0 11.0 185 1 11.0 16.0
E:visited 開過連結 13.0 11.0 185 1 1
E:active 啟動中 18.0 11.0 185 1 1
E:hover 滑鼠置上 17.0 11.0 1419.3 1 1
E:focus 集中點 18.0 11.0 1 1 1
E:first-child 第一子元素 17.0 11.0 185 1 1
E:lang() 語言 18.0 11.2 1525 13.4 1
@page:first 第一頁 18.0 0[g 1] Nightly build[w 3] 0 1
@page:left 左頁
@page:right 右頁
CSS3 E:root 19.0 11.0 185 13.4 12.1 1
E:not()
E:empty 空元素 11.8 1412
E:first-of-type 第一個名為……的子元素 11.9.1 1525
E:last-child 最後子元素 11.0
E:last-of-type 最後一個名為……的子元素 11.9.1
E:only-child 唯一子元素 11.8
E:only-of-type 唯一個名為……的子元素 11.9.1
E:nth-child 第N個子元素 11.9.1
E:nth-last-child 第N個子元素(倒過來數) 11.9.1
E:nth-of-type 第N個名為……的子元素 11.9.1
E:nth-last-of-type 第N個名為……的子元素(倒過來數) 11.9.1
E:target 目標 11.3 12.5 0
E:enabled 啟動狀態 11.8 12.0
E:disabled 未啟動狀態 11.8
E:checked 被選取狀態 11.0
E:indeterminate 中間狀態 11.9.2 1522 0 0
E:default 預設 0 11.9 1[w 4] 14.3 12.0
E:valid 合格 110.0[t 3] 11.8 1[w 5] 0
E:invalid 不合格 110.0[t 4]
E:in-range 範圍內 0 1[w 6]
E:out-of-range 範圍外 0
E:required 必需 110.0[t 5] 12.0[g 3] 1[w 7]
E:optional 非必需 110.0[t 6]
E:read-only 唯讀 0 Experimental[g 4] 0 Incorrect Incorrect
E:read-write 讀寫 0
CSS4 E:not(s1, s2) 否定 0 0 0 0 0 0
E:matches(s1, s2) 匹配其中任意一个 0[g 5]
E[foo="bar" i] 大小写敏感性 0
E:dir(ltr) 方向性 17[g 6]
E:lang(zh, *-hant) (多种) 语言 0
E:any-link 超链接
E:local-link 本地链接
E:local-link(0) 本地链接
E:scope Contextual reference 20[g 7]
E:current Time-dimensional : current 0
E:current(s) Time-dimensional : current
E:past Time-dimensional : past
E:future Time-dimensional : future
E:indeterminate Indeterminate-value
E:nth-match(n of selector) Nth child of
E:nth-last-match(n of selector) Nth last child of
E:column(selector) 分栏
E:nth-column(n) 第 n 个分栏
E:nth-last-column(n) 倒数第 n 个分栏
擬元素
CSS2 E:first-letter 第一字節 19.0 11.0 185 1 11.0 15.0
E:first-line 第一行 部份 0[r 1]
E:before 之前 18.0 11.9.1 部份 1
E:after 之後
CSS3 E::before 雙冒號語法 19.0 11.9.1 部份 13.4 11.0 1
E::after 雙冒號語法
E::first-letter 雙冒號語法 11.5 185
E::first-line 雙冒號語法 部份 0[r 1]
E::selection 選取 實驗性質 1412 12.1 0
E::marker [1] 列表标记 0 0 0 0 0 0
E::value 数据本身選取 0 0 0 0 0 0
Trident Gecko WebKit KHTML Presto Prince XML

一般選擇器附註[编辑]

  1. :read-only:read-write — Presto與KHTML皆不正確地處理有contenteditable屬性的元素。

Trident選擇器附註[编辑]

  1. :active — 8.0之前,Trident僅支援超連結元素。
  2. :hover — 7.0之前,Trident僅支援超連結元素。
  3. .one.two — 7.0之前,被當成.two類別選擇器處理。
  4. * — 7.0之前這代表「一個或是沒有元素」。
  5. [attr] — 當屬性是colspan的時候,選出所有表格內的td元素及th元素(有沒有之的有colspan屬性都一樣)。[t 7]這可能不是一個bug,因規格存在模稜兩可的解釋。[t 8]
  6. :first-letter:first-line — 在6.0,:first-letter與其他rules一起使用的時候可能有問題。[t 9]在8.0,在:first-line:first-letter宣告內的有!important的rules會被省略。[t 10]

Gecko選擇器附註[编辑]

  1. (:):before, (:):after — 在1.9.1之前,有些屬性不能使用(這是CSS2.0的過期解釋)。[g 8]

WebKit選擇器附註[编辑]

  1. :lang() — 只對寫上lang屬性的元素有效,屬性不繼承。
  2. (:):first-linetext-transform不在此擬元素上作用。[w 8]
  3. (:):before/after — 有些樣式無法使用於:before:after擬元素之上,如動畫與轉變。[w 9]

Presto選擇器附註[编辑]

  1. :target — 在2.5之前,樣式在以向前向後按鈕瀏覽的時候不作用。

屬性[编辑]

Trident Gecko WebKit KHTML Presto Prince XML
盒子模型(@@翻譯)[spec 3]
CSS2 margin 4.0 11.0 185 1 11.0 1
padding 14.0 11.0 185 1 1
width 14.0 11.0 185 1 1
height 14.0 11.0 185 1 1
float 15.0 11.0 185 1 1
clear 15.0 11.0 185 1 1
display 18.0 部份 185 1 1
min-width 17.0 11.0 1416 1 15.0
max-width 17.0 11.0 1416 1 15.0
min-height 17.0 11.7 1416 13.3.2 15.0
max-height 17.0 11.7 1416 13.3.2 15.0
clip 18.0 11.0 185 1 15.0
overflow 不正確 11.0 185 13.2 15.0
visibility 不正確 11.8 部份 部份 12.5 部份
CSS3 overflow-x 不正確 11.8 1525 13.5.6 12.1 15.0
overflow-y
邊框[spec 4]
CSS2 border 14.0 11.0 185 1 11.0 13.0
border-color 17.0
border-style 18.0
border-width 14.0
border-top 15.5
border-right
border-bottom
border-left
CSS3 border-radius 9.0[t 1] 實驗性質 (2.0)[g 9] 1533[w 10] 實驗性質 12.5 16.0
border-image 0 115.0[g 10] 實驗性質 0 12.5 0
border-image-source 115.0[g 11] 0 0
border-image-slice
border-image-width
border-image-outside
border-image-repeat
box-shadow 9.0 實驗性質 (2.0)[g 12] 實驗性質 0 12.5 0
box-decoration-break 0 0 0 0 12.7[p 1] 0
Trident Gecko WebKit KHTML Presto Prince XML
行排版[spec 5]
CSS2 line-height 14.0 11.0 185 1 11.0 15.0
vertical-align 18.0 11.0 185 1 16.0
定位
CSS2 position 17.0 11.0 185 1 11.0 15.0
top 18.0 11.0 185 1 16.0
right 18.0 11.0 185 1 16.0
bottom 18.0 11.0 185 1 16.0
left 18.0 11.0 185 1 16.0
z-index 18.0 11.9 185 1 16.0
生成內容與取代內容(@@翻譯)[spec 6]
CSS2 quotes 18.0 11.8 0[w 11] 13.4 11.0 0
content 部份 11.9 部份 1 部份 部份
counter-increment 18.0 11.8 1525 13.4 11.0 15.0
counter-reset 18.0 11.8 1525 13.4 15.0
[spec 7]
CSS2 list-style 14.0 11.0 185 1 11.0 16.0
list-style-image 14.0 11.0 185 1 16.0
list-style-position 14.0 11.0 185 1 16.0
list-style-type 18.0 11.0 185 13.4 部份
色彩[spec 8]
CSS2 color 13.0 11.0 185 1 11.0 15.0
CSS3 opacity 9.0[t 1] 11.7 1125 14.0 12.0 16.0
Trident Gecko WebKit KHTML Presto Prince XML
背景[spec 4]
CSS2 background 14.0 11.0 185 1 11.0 16.0
background-attachment 17.0 15.0
background-color 14.0 13.1
background-image 18.0 16.0
background-position 18.0 13.1
background-repeat 14.0 13.1
CSS3 background (多重) 9.0[t 1] 11.9.2 1312 13.5 12.5 0
background-clip 實驗性質 (2.0)[g 13] 實驗性質 實驗性質
background-origin
background-size
字型[spec 9]
CSS2 font 14.0 11.0 185 1 不正確 1
font-family 14.0 11.0 185 1 11.0 1
font-size 13.0 11.0 185 1 13.1
font-style 14.0 11.0 185 1 1
font-variant 14.0 11.0 1125 1 1
font-weight 18.0 部份 部份 1 部份 1
CSS3 font-size-adjust 110.0[t 11] 11.9 0[w 12] 0 0 0
font-stretch 19.0[t 1] 19.0[g 14] 0[w 13] 0 0 16.0
font-feature-settings 110.0[t 12] Experimental 0[w 14] 0 0 0
font-kerning 0 0 0 0 0 0
font-language-override 0 0 0 0 0 0
font-synthesis 0 0 0 0 0 0
font-variant-alternates 0 0 0 0 0 0
font-variant-caps
font-variant-east-asian
font-variant-ligatures
font-variant-numeric
font-variant-position
unicode-range 19.0[t 13] 0 0 0 0 0
文字[spec 10]
CSS2 text-align 14.0 11.0 185 1 11.0 1
text-decoration 1 不正確 不正確 1 13.1
text-indent 13.0 11.0 185 1 1
text-transform 14.0 11.0 185 1 16.0
letter-spacing 14.0 11.0 185 1 15.0
word-spacing 18.0 11.0 185 1 15.0
white-space 18.0 11.9.1 1522 1 12.1 16.0
CSS3 text-overflow Partial 17.0[g 15] Partial 3.5.6 Experimental (Nightly)[p 2] 0
word-break Partial 115.0[g 16] 0 0 0 0
text-wrap 0 0 0 0 0 0
word-wrap 15.0 11.9.1 185 14.3 12.5 0
text-align-last 部份 0 0 0 0 部份
text-justify 15.5 0[g 17] 0 0 0 16.0
punctuation-trim 0 0 0 0 0 0
text-outline 0 0[g 18] Nightly Build[w 15][w 16] 0 0 0
hanging-punctuation 0 0 0[w 17] 0 0 0
CSS 4 hyphenate-character 0 0 0 0 0 0
hyphenate-limit-zone 10.0[t 14]
hyphenate-limit-chars 10.0[t 15]
hyphenate-limit-lines 10.0[t 16]
hyphenate-limit-last 0
Trident Gecko WebKit KHTML Presto Prince XML
文本装饰[spec 11]
CSS 3 text-shadow 110.0[t 17] 11.9.1 1 13.4 12.1 0
text-decoration-style 0 6.0[g 19][g 20] 0[w 18] 0 0 0
text-decoration-color 0 0 0 0
text-decoration-line 0 0 0 0
text-decoration-skip 0 0 0 0 0
text-underline-position 0 0 0 0 0 0
text-emphasis-style 0 0 0 0 0 0
text-emphasis-color
text-emphasis
text-emphasis-position
書寫模式[spec 12]
CSS2 direction 15.0 11.0 185 1 11.0 17.0
unicode-bidi 15.0 11.0 1525 1 17.0
CSS3 writing-mode 不正確 0[g 21] Nightly Build[w 19] 0 0 0
text-combine 0 0 0[w 20] 0 0 0
表格
CSS2 border-collapse 18.0 11.0 1125 1 11.0 15.1
border-spacing 18.0 11.0 1125 1 16.0
caption-side 18.0 11.4 185 1 15.0
empty-cells 18.0 11.0 1125 1 15.0
table-layout 15.0 11.0 185 1 16.0
使用者界面[spec 13]
CSS2 cursor 15.5 11.8 1125 1 部份 1
outline 18.0 11.8 1125 1 11.0 0
outline-color 18.0 11.8 1125 1 0
outline-style 18.0 11.8 1125 1 0
outline-width 18.0 11.8 1125 1 0
CSS3 outline-offset 0 11.8 1125 13.5 12.1 0
box-sizing 18.0 實驗性質[g 22] 實驗性質 13.3.2 11.0 17.0
resize 0 2.0[g 23] 1525 0 0 0
appearance 0 實驗性質 實驗性質 0 0 0
icon 0 0 0 0 0 0
nav-index 0 0 0 0 12.1 0
nav-up 0 0 0 0 0
nav-right 0 0 0 0 0
nav-down 0 0 0 0 0
nav-left 0 0 0 0 0
Trident Gecko WebKit KHTML Presto Prince XML
換頁媒體[spec 14]
CSS2 page-break-before 14.0 部份 部份 13.5 11.0 16.0
page-break-after 16.0
page-break-inside 18.0 0[g 24] 1312 16.0
orphans 0[g 25] 16.0
widows 16.0
CSS3 page 0 0 0 0 0 1
size 0 0 0[w 21] 0 11.0 16.0
image-orientation 0 0 0 0 0 0
object-fit 0 0 0 0 12.7[p 3] 0
object-position 0 0 0 0 0
語音[spec 15]
CSS2 cue 0 0[g 26] 0 0 11.0 0
cue-after
cue-before
pause
pause-after
pause-before
speak Nightly build[w 22]
voice-family 0
CSS3 voice-balance 實驗性質
voice-duration
voice-pitch
voice-pitch-range
voice-rate
voice-stress
voice-volume
interpret-as
phonemes
rest 0
rest-after
rest-before
mark
mark-after
mark-before
Trident Gecko WebKit KHTML Presto Prince XML
媒體查詢[spec 16]
CSS3 width 9.0[t 1] 11.9.1 1525 14.1 12.0  ?
height  ?
device-width  ?
device-height  ?
device-aspect-ratio  ?
color 12.5  ?
color-index  ?
monochrome  ?
resolution 0  ?
orientation 14.2.1 0  ?
aspect-ratio 12.1  ?
grid 0 14.1 12.5  ?
scan  ?
Ruby字元[spec 17]
CSS3 ruby-position 15.0 0[g 27] 0 0 0 0
ruby-align
ruby-overhang
ruby-span 0
多欄排版[spec 18]
CSS3 column-count 110.0[t 18] 实验性质[g 28] 实验性质 0 12.8[p 4] 1
column-width
column-gap
column-rule
columns 9.0[g 29]
break-before 0[g 30] 实验性质[w 23] 16.0
break-after
break-inside 0[w 24]
column-fill 14.0[g 31] 0
column-span 0[g 32] 实验性质[w 25] 0
Trident Gecko WebKit KHTML Presto Prince XML
動畫[spec 19]
CSS3
animation 110.0[t 19] 116.0[g 33] 实验性质 0 12.12 0
animation-delay
animation-direction
animation-duration
animation-iteration-count
animation-name
animation-play-state
animation-timing-function
animation-fill-mode
2D變換[spec 20]
CSS3
transform 實驗性質[t 1] 實驗性質 實驗性質 0 實驗性質 0
transform-origin
Trident Gecko WebKit KHTML Presto Prince XML}
3D變換[spec 21]
CSS3
transform 0 0[g 34] 實驗性質 0 0 0
transform-origin
transform-style
perspective
perspective-origin
backface-visibility
轉變[spec 22]
CSS3
transition-property 0 2.0 (實驗性質)[g 35] 實驗性質 0 實驗性質 0
transition-duration
transition-timing-function
transition-delay
transition
彈性盒排版(@@翻譯)[spec 23]
CSS3
box-align 0 實驗性質 實驗性質 0 0 0
box-direction
box-flex
box-flex-group
box-lines 0[g 36]
box-ordinal-group 實驗性質
box-orient
box-pack
彈幕(@@翻譯xd)[spec 24]
CSS3
marquee-direction 0 0 實驗性質[w 26] 0 0 0
marquee-play-count
marquee-speed
marquee-style
overflow-style 0
Trident Gecko WebKit KHTML Presto Prince XML

一般屬性附註[编辑]

  1. text-decoration — Gecko或Webkit的底線會畫過行級(@@inline翻譯)取代元素(例如圖片)。

Trident屬性附註[编辑]

  1. margininherit繼承未計算值然後再計算一次而不是直接繼承計算後的值。[t 20]
  2. display — 7.0之前,支援無誤的只有noneblockinlinetable-header-grouptable-footer-group。8.0之前,沒支援run-intable,而inline-block僅支援在行級元素上。
  3. overflow — 7.0之前,overflow: visible;支援的不正確。在8.0,scroll將該元素的高度調至max-height,就算內容並沒有這麼高。[t 21]
  4. visibility — 8.0之前,未支援「visibility: collapse;」。在8.0,visibility: hidden;的塊元素(@@block翻譯)中「visibility: visible;」的行級元素不被顯示。[t 22]
  5. content — 在8.0,attr()的算後值不在屬性(attribute)變更時被更新。[t 23]
  6. border-color — 7.0之前,不支援transparent
  7. border-style — 8.0之前,不支援hidden
  8. border-style — 7.0之前,dotted被顯示成dashed
  9. box-shadow — 9.0之前,trident支援自從5.5就有的類似的專有屬性「Shadow」[t 24]及「DropShadow」[t 25]過濾器。
  10. position — 7.0之前,未支援固定配置。7.0跟之後版本只在標準模式的時候支援。
  11. z-index — 8.0之前,僅部份支援z-index[t 26]在8.0,除了整數以外也支持浮點數。[t 27]
  12. list-style-type — 8.0之前,不支援armeniandecimal-leading-zerogeorgianlower-greeklower-latinupper-latin
  13. opacity — 9.0之前,Trident支援一個專有的替代屬性。[t 28]
  14. background-image — 8.0之前,背景圖片在某些情況下被處理的很糟。[t 29][t 30]
  15. background-attachment — 7.0之前,fixed只被允許使用在body元素上。
  16. background-position — 8.0之前,不支援固定配置。
  17. font-weight — 8.0之前,當取值為600顯示不正確。[t 31]
  18. text-align — 在8.0,text-align不被:before:after擬元素繼承。[t 32]
  19. white-space — 6.0之前,不支援pre。8.0之前,僅部份支援white-space:不支援pre-linepre-wrap[t 33]
  20. writing-mode — Trident支援過期的取值lr-tbtb-rltb-lr等等。[t 34]這些取值作用在direction上。這是與Webkit不同的行為。
  21. cursor — 仍作用於沒前輟的瀏覽器擴充。

Gecko屬性附註[编辑]

  1. display — 不支援run-in[g 37]1.9之前,不支援「inline-table[g 38]」與「inline-block[g 39]」。
  2. z-index — 1.9之前負數的支援情況不佳。
  3. quotes — 1.8之前不支援巢狀引用。[g 40]
  4. content — 1.9之前不支援「none」。此屬性不作用在一般元素(非擬元素),不符合《CSS 3 生成內容與取代內容模組》。
  5. background-position — 1.7以前的版本使用CSS2語法,非CSS2.1的擴充語法。
  6. font-size-adjust — 1.9之前,僅在視窗版支援。
  7. font-weight — 就算裝了一個字型的Light或Heavy/Black字模,除非使用Gecko 2.0在Windows 7或Windows Vista的DirectWrite,僅Regular與Bold會被使用。
  8. white-space — 1.9.1之前不支援pre-line。1.9之前,以-moz-pre-wrap實驗性地支援pre-wrap的功能。
  9. visibility — 1.8之前不支援collapse
  10. border-radius — 1.9.1之前,邊框的曲線是圓形而不是同現在CSS3草案記載的橢圓曲線,短宣告border-radius的順序是「左上 右上 右下 左下」而不是W3C的「右上 右下 左下 左上」。當邊框的樣式是點線(dotted)破折線(dashed),曲線總是顯示實線為。[g 41]
  11. page-break-before; page-break-after — 僅支援「always」與「auto」。

WebKit屬性附註[编辑]

  1. font — 不支援讓設計師根據使用者作業系統呈現結果的系統字型關鍵字。
  2. font-weight — 就算裝了一個字型的Light或Heavy/Black字模,僅Regular與Bold會被使用。
  3. page-break-before; page-break-after — 僅支援「always」與「auto」。
  4. white-space — 522之前,不支援「pre-line」與「pre-wrap」。
  5. visibility — 522之前不支援「collapse」,這個值的實作跟「hidden」一樣,因此不合標準。[w 27]
  6. content — 不支援「none」、「open-quote」、「close-quote」、「no-open-quote」、「no-close-quote」及「normal」,且此屬性不作用在一般元素(非擬元素),不符合《CSS 3 生成內容與取代內容模組》。
  7. font-size — 「font-size」屬性不見得吃0這個值,就算用「font-size: 0px」,文字還是看得見。

KHTML屬性附註[编辑]

  1. overflow — 不支援取值「scroll」與「auto」。
  2. page-break-before; page-break-after — 3.5之前僅支援「always」與「auto」。
  3. visibility — 支援所有的屬性,但「collapse」這個值的實作跟「hidden」一樣,因此不合標準。

Presto屬性附註[编辑]

  1. counter-increment, counter-reset — 使用推薦標準版本(CSS2)的演算法。
  2. background-position — Presto在Opera 8.0以前的版本使用CSS2語法,非CSS2.1的擴充語法。
  3. font-weight — 當取值為600顯示不正確,與以Trident為對象設計的網站兼容。
  4. visibility — 2.5之前,在表格列裡不支援「collapse」這個值,在表格行裡,這個值呈現與「hidden」同樣的效果因此不合標準。
  5. cursor — 「cursor」不支援動態擬類別,且不支援自定游標。
  6. content — 不支援取值「none」。[p 5]
  7. font — 不應該吃「inherit」跟一個「font-size」取值的情形,這應該被當作語法錯誤並丟棄,但Opera接受這種狀況。

Prince XML屬性附註[编辑]

  1. visibility — 不支援取值「collapse」。[r 1]
  2. list-style — 不支援取值「armenian」與「georgian」。[r 1]
  3. content — 不支援取值「open-quote」與「close-quote」。[r 1]

取值與單位[编辑]

Trident Gecko WebKit KHTML Presto Prince XML
[spec 25]
CSS2 <number> 浮點數 13.0 11.0 185 1 11.0 16.0
<length> <number>接單位
<percentage> <number>接%
<integer> 整數
CSS3 <angle> <number>接角度單位 9.0[t 1] 部份 部份 部份 部份 0
<time> <number>接長度單位 2.0[g 35] 1 1 12.5
<frequency> <number>接頻率單位 0 0 0
<fraction> 剩餘空間 0 0
字串
CSS2 <string> String 13.0 11.0 185 1 11.0 1
\code Unicode轉意 16.0
CSS2 rect() 長方型 18.0 11.0 185 1 11.0 1
函數
CSS2 url() URI 13.0 11.0 185 1 11.0 1
counter() 18.0
attr() 屬性標示符
CSS3 calc() 9.0[t 1] 2.0 (實驗性質)[g 42] 0[w 28] 0 0 0
顏色
CSS2 HTML4顏色關鍵字 16個預定義網頁顏色 13.0 11.0 185 1 11.0 1
#rrggbb或#rgb 十六進位記法
rgb(r, g, b) RGB記法 14.0
系統顏色[spec 26] 28預定義系統顏色 13.0
CSS3 SVG顏色關鍵字 18.0 1 1 1 1 ?
currentColor color屬性的值 9.0[t 1] 11.8 1528 1 12.1 ?
rgba(r, g, b, a) RGBA記法 11.9 1525 14.0 12.2 16.0
hsl(h, s, l) HSL記法 11.5 13.5.5 12.1 0
hsla(h, s, l, a) HSLA記法 11.9 13.5.5 12.2
transparent 透明 部份 11.9 14.0 部份 部份
圖像值[spec 27]
CSS2 <url> 圖像形態 13.0 11.0 185 1 11.0 1
CSS3 <sprite> 0 0 0 0 0 0
<image-list>
<linear-gradient> 實驗性質 實驗性質
<radial-gradient>
linear-gradient() 漸層
radial-gradient()
repeating-linear-gradient() 0
repeating-radial-gradient()
關鍵字
CSS2 auto 自動 16.0 11.0 185 1 11.0 1
inherit 從母元素繼承 18.0
CSS3 initial 0 實驗性質 1125 0 0 0
單位
CSS2 px 像素 13.0 11.0 185 1 11.0 1
pt
pc 倍卡
cm 公分
mm 公釐
in 英尺
em 正方
ex X字高
% 百分比
CSS3 deg 9.0[t 1] 11.9.1 1 1 12.5 0
grad 梯度
rad 弧度
turn 0 0 0 0
ms 毫秒 2.0[g 43] 1 1 12.5
s
Hz 赫茲 0 0 0
kHz 千赫
dpi dpi 11.9.1 0 14.1 12.5
dpcm dpcm
dppx dppx 0 0 ? 0
gd 網格數 0 0 0 0
fr 剩餘空間分配數 0 0 0 0
rem 根原素字型大小 9.0[t 1] 11.9.2 0 0 0
vw 視口的寬度 0[g 44] 0[w 29] 0 0
vh 視口的高度
vm 視口高度跟寬度小的那個
ch 從字型中抽出的該大小的「0」(ZERO, U+0030)的字形寬度 11.9.1 0 0 0
Trident Gecko WebKit KHTML Presto Prince XML

取值與單位一般附註[编辑]

  1. transparent

    CSS1引入了「transparent」當作「background-color」的一個值。 CSS2開始允許「border-color」使用「transparent」。《Open eBook(tm) Publication Structure 1.0.1》[OEB101]擴張了「color」屬性使其也吃關鍵字「transparent」。CSS3擴張了顏色的取值使其包含關鍵字「transparent」,使得所有吃<value>的屬性都可以使用這個值,這也簡化了這些屬性在CSS3的定義。

  2. <angle> — 不支援 turn

取值與單位Trident附註[编辑]

  1. rect() — 8.0之前,不支援用逗號的正確語法。
  2. auto — 在 Quirks mode(IE5模擬模式),auto不作用在除了表格元素之外的margin屬性上。
  3. transparent — 設color屬性為transparent則字會呈現為黑色。
  4. transparent — 7.0之前,不支援在邊框上的transparent(呈現為實心黑色),且在PNG圖像上被省略。

取值與單位Gecko附註[编辑]

  1. <ch> — 版本1.9.1之前,用「M」的字形寬度 而非「0」的字形寬度。[g 45]

取值與單位Presto附註[编辑]

  1. <number> — 2.1之前,對於大於20.47的值曾有一個量子化錯誤(不只是em,其他非像素單位也一樣)。[p 6]
  2. transparent — 當使用屬性 outline-color時此關鍵字會被忽略。版本2.2之前,同樣的情形也發生在屬性colortext-shadow

一般附註[编辑]

一般Trident附註[编辑]

  1. -ms- — 所有實驗中的選取器、屬性、值都有「-ms-」作為前輟。例如:是-ms-interpolation-mode而不是interpolation-mode

一般Gecko附註[编辑]

  1. -moz- — 所有實驗中的選取器、屬性、值都有「-moz-」作為前輟。例如:是::-moz-selection而不是::selection

一般WebKit附註[编辑]

  1. -webkit- — 所有實驗中的選取器、屬性、值都有「-webkit-」作為前輟。例如:是-webkit-box-shadow而不是box-shadow

一般KHTML附註[编辑]

  1. -khtml- — 所有實驗中的選取器、屬性、值都有「-khtml-」作為前輟。例如:是-khtml-opacity而不是opacity


一般Presto附註[编辑]

  1. -o- — 所有實驗中的選取器、屬性、值都有「-o-」作為前輟。例如:是-o-transition-property而不是transition-property
  2. -xv- — 所有實驗中的《CSS3口說模組(@@翻譯)》選取器、屬性、值都有「-o-」作為前輟。例如:是-xv-voice-rate而不是voice-rate


瀏覽器自定樣式的DOM表現[编辑]

  1. 實驗中的CSS瀏覽器自定屬性的對照DOM屬性沒有連字號,且第一個字母為大寫。例如:element.style.MozBorderRadius對應於-moz-border-radius屬性、element.style.OTransform對應於-o-transform屬性。

參見[编辑]

規格[编辑]

Trident相關[编辑]

  1. ^ 1.00 1.01 1.02 1.03 1.04 1.05 1.06 1.07 1.08 1.09 1.10 1.11 給開發者的Internet Explorer 9 Beta導覽, Microsoft 
  2. ^ @keyframes rule (Internet Explorer), Microsoft 
  3. ^ :valid pseudo-class (Internet Explorer). Microsoft. [17 November 2012]. 
  4. ^ :invalid pseudo-class (Internet Explorer). Microsoft. [17 November 2012]. 
  5. ^ :required pseudo-class (Internet Explorer). Microsoft. [17 November 2012]. 
  6. ^ :optional pseudo-class (Internet Explorer). Microsoft. [17 November 2012]. 
  7. ^ Hopkins, James, (選有「colspan」屬性的TD、TH)屬性選擇器會選出所有TD、TH 
  8. ^ Hammond, David, 《IE 8 CSS 2.1支援測試結果》之評論 
  9. ^ 臭蟲 - 忽略「:first-letter」, hasLayout.net 
  10. ^ Hopkins, James, 有用!important的屬性質宣告在:first-letter或:first-line裡會被省略 
  11. ^ font-size-adjust property (Internet Explorer). Microsoft. [17 November 2012]. 
  12. ^ font-feature-settings property (Internet Explorer). Microsoft. [17 November 2012]. 
  13. ^ @font-face rule (Internet Explorer). Microsoft. [17 November 2012]. 
  14. ^ -ms-hyphenate-limit-zone property (Internet Explorer). Microsoft. [17 November 2012]. 
  15. ^ -ms-hyphenate-limit-chars property (Internet Explorer). Microsoft. [17 November 2012]. 
  16. ^ -ms-hyphenate-limit-lines property (Internet Explorer). Microsoft. [17 November 2012]. 
  17. ^ text-shadow property (Internet Explorer). Microsoft. [17 November 2012]. 
  18. ^ Multi-column Layout (Internet Explorer). Microsoft. [17 November 2012]. 
  19. ^ Animations (Internet Explorer). Microsoft. [17 November 2012]. 
  20. ^ Talbot, 用「inherit」繼承的邊界(margin) - 應該繼承計算後的值 
  21. ^ Groot, Sven, 「Overflow: scroll」讓一個元素永遠用它的「max-height」 
  22. ^ Hopkins, James, 用「visibility:visible」的行級元素不蓋掉從它母元素(塊元素)被繼承的「visibility:hidden」 
  23. ^ 「content: attr(x)」不在屬性值更改時被更新 
  24. ^ Shadow過濾器, Microsoft 
  25. ^ DropShadow過濾器, Microsoft 
  26. ^ 配置 
  27. ^ Hopkins, James, 「z-index」的語法分析不合法 - 分析為小數而非整數 
  28. ^ Alpha過濾器, Microsoft 
  29. ^ IE7-/背景圖片跑不見 - Demo 1 
  30. ^ IE7-/背景圖片跑不見 - Demo 2 
  31. ^ Koch, Peter-Paul, IE Windows與Opera - 「font-weight: 600」 vs. 「bold」, QuirksMode 
  32. ^ Hopkins, James, 「text-align」的值不被擬元素「:before」與「:after」繼承 
  33. ^ 自型與文字, Microsoft 
  34. ^ 「writingMode」屬性, Microsoft 

Gecko相關[编辑]

  1. ^ 1.0 1.1 Bug 115199 - CSS2中的「@page」無實作, Mozilla 
  2. ^ Bug 418039 - CSS parent (has-child) and ancestor (has-descendant) selectors (:subject), Mozilla 
  3. ^ Bug 506554 - Implement the CSS3 pseudo-classes :required and :optional, Mozilla 
  4. ^ Bug 312971 - Support :read-only and :read-write pseudoclasses, Mozilla 
  5. ^ Bug 561154 - fix specificity of :-moz-any(), Mozilla 
  6. ^ Bug 562169 - Implement the :dir(rtl/ltr) selector to select on HTML directionality, Mozilla 
  7. ^ Bug 648722 - Add support for :scope as :-moz-scope, Mozilla 
  8. ^ Bug 237119 - 「display」屬性在生成內容上會被省略, Mozilla 
  9. ^ Bug 451134 - 把「-moz-border-radius*」的屬性名改成css3-background的名字, Mozilla 
  10. ^ Bug 378217 - implement css3 'border-image' property, Mozilla 
  11. ^ Bug 497995 - Implement border-image revisions in latest css3-background, Mozilla 
  12. ^ Bug 590039 - 修正模糊半徑的計算並把「-moz-box-shadow」改至「box-shadow」, Mozilla 
  13. ^ Bug 549809 - 將「background-origin」與「background-clip」屬性及取值更名至css3-background, Mozilla 
  14. ^ Bug 3512 - (font-stretch) Implement font-stretch property, Mozilla 
  15. ^ Bug 312156 - implement text-overflow: ellipsis from CSS3 text, Mozilla 
  16. ^ Bug 249159 - implement 'word-break' properties of CSS3, Mozilla 
  17. ^ Bug 276079 - 實作「text-justify」屬性(只弄「auto」、「inter-word」、「inter-ideograph」及「distribute」), Mozilla 
  18. ^ Bug 470547 - CSS3 text-outline尚未支援, Mozilla 
  19. ^ Bug 59109 - implement CSS3 text module's text-decoration-style and text-decoration-color, Mozilla 
  20. ^ Firefox 6 for developers, Mozilla 
  21. ^ Bug 145503 - (writing-mode) CSS3 writing-mode (豎排), Mozilla 
  22. ^ 實作「box-sizing」(丟掉「-moz-」前輟), Mozilla 
  23. ^ Bug 553576 - 實作css 「resize」屬性的功能, Mozilla 
  24. ^ Bug 132035 - 實作缺少的CSS 2.1功能 - 「page-break-*」, Mozilla 
  25. ^ Bug 137367 - 實作「orphans」及「widows」, Mozilla 
  26. ^ Bug 47159 - 在getComputedStyle支援《css3-speech》(之前的聽覺樣式表)屬性, Mozilla 
  27. ^ Bug 256274 - 實作CSS ruby模組, Mozilla 
  28. ^ Bug 684062 - Compare spec and implement CSS multi-column support, Mozilla 
  29. ^ Bug 446569 - Implement CSS3 columns shorthand, Mozilla 
  30. ^ Bug 549114 - Support Column Breaks, Mozilla 
  31. ^ Bug 695222 - Implement column-fill, Mozilla 
  32. ^ Bug 616436 - column-span not implemented (css3 multicolumn), Mozilla 
  33. ^ Bug 435442 - Implement Webkit's CSS Animation proposal, Mozilla 
  34. ^ Bug 505115 - CSS3 3D變換, Mozilla 
  35. ^ 35.0 35.1 Bug 435441 - 把CSS轉變弄到可以釋出的程度, Mozilla 
  36. ^ Bug 562073 - 實作css3-flexbox的「box-lines」屬性, Mozilla 
  37. ^ Bug 2056 - 「display: run-in」尚無實作, Mozilla 
  38. ^ Bug 18217 - 「display: inline-table」無實作, Mozilla 
  39. ^ Bug 9458 - (inline-block)實作「inline-block」, Mozilla 
  40. ^ Deer Park Alpha 1中給Web Developer的新功能, Mozilla 
  41. ^ Bug 382721 - 點線/破折線的「-moz-border-radius」邊框顯示為實線, Mozilla 
  42. ^ Bug 363249 - 實作css3-values的「calc()」, Mozilla 
  43. ^ Bug 435441 - 實作Webkit的《CSS Transitions》提案, Mozilla 
  44. ^ Bug 503720 - 實作《CSS 3 取值與單位模組》的 vw/vh/vm(視口大小), Mozilla 
  45. ^ Bug 282126 - 長度單位「ch」要怎麼辦?(Mozilla專有擴張), Mozilla 

Webkit相關[编辑]

  1. ^ Bug 15548 - 支援CSS3《CSS3換頁媒體模組》(@page), Webkit 
  2. ^ Bug 85062 - Support CSS 3 Paged Media Margin Boxes, WebKit 
  3. ^ Bug 38731 - 讓CSS Parser無錯誤地處理頁面專用擬類別, WebKit 
  4. ^ Bug 27458 - Support :default HTML5 CSS selector, Webkit 
  5. ^ Bug 27357 - Support :valid/:invalid CSS selectors, Webkit 
  6. ^ Bug 29071 - Support for :in-range and :out-of-range CSS selectors, Webkit 
  7. ^ Bug 25551 - Support for HTML5 Forms "required" attribute, Webkit 
  8. ^ Bug 3409 - CSS1: Safari 忽略在「first-line」CSS rules裡的「text-transform」屬性, Webkit 
  9. ^ Bug 23209 - [RFE] CSS生成內容不轉變, Webkit 
  10. ^ Bug 27578 - 拿掉border-radius屬性的前輟, Webkit 
  11. ^ Bug 3234 - CSS2: 提高引用支援(q標籤), Webkit 
  12. ^ Bug 15257 - Support CSS 3 font-size-adjust, Webkit 
  13. ^ Bug 12530 - CSS3: Support the font-stretch property, Webkit 
  14. ^ Bug 63796 - Master: Support CSS3 font feature properties, Webkit 
  15. ^ Hyatt, Dave, Text-Stroke介紹, Surfin’ Safari, 2006-12-21 
  16. ^ Bug 9475 - CSS3: 增加font-effect: outline支援, WebKit 
  17. ^ Bug 18109 - 實作懸吊標點(@@暫翻), Webkit 
  18. ^ Bug 58491 - [css3-text] Support text-decoration-* properties from CSS3 Text, Webkit 
  19. ^ Bug 46123 - 增加所有排版機制的writing-mode支援(主bug), WebKit 
  20. ^ Bug 48538 - 支援CSS「text-combine」屬性, WebKit 
  21. ^ Bug 10894 - CSS 「size」屬性尚未支援, Webkit 
  22. ^ Bug 46827 - AX: 實作CSS3 Speech 「speak」, WebKit 
  23. ^ Bug 15552 - Support CSS3 column-break-before and column-break-after, WebKit 
  24. ^ Bug 39498 - [CSS3 Multi-column] Floating elements are rendered below the columns, WebKit 
  25. ^ Bug 15550 - WebKit does not support CSS3 column-span:, Webkit 
  26. ^ 以「-webkit-marquee」轉動文字, Ajnaware, 2008-08-14 
  27. ^ Bug 8735 - CSS 2.1 「visibility: collapse」顯示為「visibility: hidden」, Webkit 
  28. ^ Bug 16662 - CSS3: 實作「calc()」, Webkit 
  29. ^ Bug 27160 - 實作《CSS 3 取值與單位模組》的 vw/vh/vm(視口大小, Webkit 

Presto相關[编辑]

  1. ^ Storey, David. 第一個到11的瀏覽器(除非Chrome先到). Opera. 2010-11-23 [2010-11-23]. (原始内容存档于2010-12-08). 
  2. ^ Haavard, New 10.70 snapshot with more Presto updates, Opera, 2010-08-09, (原始内容存档于2010-08-19) 
  3. ^ Haavard, Opera 10.70 - Presto更新, Opera, 2010-08-03, (原始内容存档于2010-08-06) 
  4. ^ CSS Multi-column Layout Module support in Opera Presto 2.8. Opera. 2011-03-06 [2011-03-06]. 
  5. ^ Koch, Peter-Paul, 「:before/:after」與「content」, Quirksmode 
  6. ^ Opera 7-9.2的「em」值的量子化錯誤, (原始内容存档于2008-03-21) 

Prince XML相關[编辑]

其他參見[编辑]

外部連結[编辑]

  • WebDevout — 以視窗瀏覽器的臭蟲測試為主要導向。
  • QuirksMode — 至2010年6月為止廣含所有新資料。