瀏覽器引擎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

取值[编辑]

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

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



CSS版本支援[编辑]

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

Trident Gecko WebKit KHTML Presto Prince XML
CSS1 7.0 1.0 85 1.0 1.0
CSS2.1 大部分 大部分 大部分 大部分 大部分 大部分
CSS3 些許 部份 部份 些許 部份 些許

語法與規則[编辑]

Trident Gecko WebKit KHTML Presto Prince XML
CSS2 !important 重要程度增加 7.0 1.0 85 1.0
/*Comment*/ 註解 3.0 1.0 85 1.0
@import 匯入樣式 8.0 1.0 1.0 2.1
@charset 字元編碼 5.5 1.0 0 4.2.3 1.0
@media 媒體特定 5.5 1.0 1.0 5.1
@page 換頁媒體 8.0 [g 1] [w 1] 1.0 6.0
CSS3 @namespace 命名空間宣告 9.0[t 1] 1.0 1.0 5.0
@document Restriction by URLs 6.0
@keyframes 动画关键帧 10.0[t 2] 16.0 實驗性質 2.12
@font-face 定義字型 4.0 1.9.1 525 4.3 2.2 6.0
@supports 有条件的规则 17.0 Nightly build 2.12
@phonetic-alphabet 發音
@region Region flow segment Nightly build
@counter-style 自定义计数器样式
@top-left-corner Margin boxes [spec 1] [w 2]
@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 * 全域 7.0 1.0 85 1.0
E 元素 4.0 1.0 85
E.class 類別 7.0 1.0 85
E#id ID 4.0 1.0 85
CSS3 ns|E 命名空間 9.0 1.0
關係選擇器
CSS2 E F 後裔 4.0 1.0 85 1.0
E > F 子元素 7.0 1.0 85
E + F 直接相連 7.0 1.0 85
CSS3 E ~ F 間接相連 7.0 1.7 412 3.3.2 2.0
CSS4 E /for/ F Reference combinators
E! > F Subject [g 2]
屬性選擇器
CSS2 E[attr] 存在 7.0 1.0 85 1.0
E[attr="value"] 相等 7.0 1.0
E[attr~="value"] 含有(以空白相隔) 7.0 1.0
E[attr|="value"] 含有(以連字號相隔) 7.0 1.0
CSS3 E[attr^="value"] 以……開頭 7.0 1.0 3.4 1.0
E[attr$="value"] 以……結尾 7.0 1.0 3.4 2.0
E[attr*="value"] 含有子字串 7.0 1.0 3.4
E[ns|attr] 命名空間 7.0 1.0 3.4
擬類別
CSS2 E:link 未開過連結 3.0 1.0 85 1.0 6.0
E:visited 開過連結 3.0 1.0 85
E:active 啟動中 8.0 1.0 85
E:hover 滑鼠置上 7.0 1.0 419.3
E:focus 集中點 8.0 1.0
E:first-child 第一子元素 7.0 1.0 85
E:lang() 語言 8.0 1.2 525 3.4
@page:first 第一頁 8.0 [g 1] Nightly build[w 3]
@page:left 左頁
@page:right 右頁
CSS3 E:root 9.0 1.0 85 3.4 2.1
E:not()
E:empty 空元素 1.8 412
E:first-of-type 第一個名為……的子元素 1.9.1 525
E:last-child 最後子元素 1.0
E:last-of-type 最後一個名為……的子元素 1.9.1
E:only-child 唯一子元素 1.8
E:only-of-type 唯一個名為……的子元素 1.9.1
E:nth-child 第N個子元素 1.9.1
E:nth-last-child 第N個子元素(倒過來數) 1.9.1
E:nth-of-type 第N個名為……的子元素 1.9.1
E:nth-last-of-type 第N個名為……的子元素(倒過來數) 1.9.1
E:target 目標 1.3 2.5
E:enabled 啟動狀態 1.8 2.0
E:disabled 未啟動狀態 1.8
E:checked 被選取狀態 1.0
E:indeterminate 中間狀態 1.9.2 522
E:default 預設 1.9 [w 4] 4.3 2.0
E:valid 合格 10.0[t 3] 1.8 [w 5]
E:invalid 不合格 10.0[t 4]
E:in-range 範圍內 [w 6]
E:out-of-range 範圍外
E:required 必需 10.0[t 5] 2.0[g 3] [w 7]
E:optional 非必需 10.0[t 6]
E:read-only 唯讀 Experimental[g 4] Incorrect Incorrect
E:read-write 讀寫
CSS4 E:not(s1, s2) 否定
E:matches(s1, s2) 匹配其中任意一个 [g 5]
E[foo="bar" i] 大小写敏感性
E:dir(ltr) 方向性 17[g 6]
E:lang(zh, *-hant) (多种) 语言
E:any-link 超链接
E:local-link 本地链接
E:local-link(0) 本地链接
E:scope Contextual reference 20[g 7]
E:current Time-dimensional : current
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 第一字節 9.0 1.0 85 1.0 5.0
E:first-line 第一行 部份 [r 1]
E:before 之前 8.0 1.9.1 部份
E:after 之後
CSS3 E::before 雙冒號語法 9.0 1.9.1 部份 3.4 1.0
E::after 雙冒號語法
E::first-letter 雙冒號語法 1.5 85
E::first-line 雙冒號語法 部份 [r 1]
E::selection 選取 實驗性質 412 2.1
E::marker [1] 列表标记
E::value 数据本身選取
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 1.0 85 1.0
padding 4.0 1.0 85
width 4.0 1.0 85
height 4.0 1.0 85
float 5.0 1.0 85
clear 5.0 1.0 85
display 8.0 部份 85
min-width 7.0 1.0 416 5.0
max-width 7.0 1.0 416 5.0
min-height 7.0 1.7 416 3.3.2 5.0
max-height 7.0 1.7 416 3.3.2 5.0
clip 8.0 1.0 85 5.0
overflow 不正確 1.0 85 3.2 5.0
visibility 不正確 1.8 部份 部份 2.5 部份
CSS3 overflow-x 不正確 1.8 525 3.5.6 2.1 5.0
overflow-y
邊框[spec 4]
CSS2 border 4.0 1.0 85 1.0 3.0
border-color 7.0
border-style 8.0
border-width 4.0
border-top 5.5
border-right
border-bottom
border-left
CSS3 border-radius 9.0[t 1] 實驗性質 (2.0)[g 9] 533[w 10] 實驗性質 2.5 6.0
border-image 15.0[g 10] 實驗性質 2.5
border-image-source 15.0[g 11]
border-image-slice
border-image-width
border-image-outside
border-image-repeat
box-shadow 9.0 實驗性質 (2.0)[g 12] 實驗性質 2.5
box-decoration-break 2.7[p 1]
Trident Gecko WebKit KHTML Presto Prince XML
行排版[spec 5]
CSS2 line-height 4.0 1.0 85 1.0 5.0
vertical-align 8.0 1.0 85 6.0
定位
CSS2 position 7.0 1.0 85 1.0 5.0
top 8.0 1.0 85 6.0
right 8.0 1.0 85 6.0
bottom 8.0 1.0 85 6.0
left 8.0 1.0 85 6.0
z-index 8.0 1.9 85 6.0
生成內容與取代內容(@@翻譯)[spec 6]
CSS2 quotes 8.0 1.8 [w 11] 3.4 1.0
content 部份 1.9 部份 部份 部份
counter-increment 8.0 1.8 525 3.4 1.0 5.0
counter-reset 8.0 1.8 525 3.4 5.0
[spec 7]
CSS2 list-style 4.0 1.0 85 1.0 6.0
list-style-image 4.0 1.0 85 6.0
list-style-position 4.0 1.0 85 6.0
list-style-type 8.0 1.0 85 3.4 部份
色彩[spec 8]
CSS2 color 3.0 1.0 85 1.0 5.0
CSS3 opacity 9.0[t 1] 1.7 125 4.0 2.0 6.0
Trident Gecko WebKit KHTML Presto Prince XML
背景[spec 4]
CSS2 background 4.0 1.0 85 1.0 6.0
background-attachment 7.0 5.0
background-color 4.0 3.1
background-image 8.0 6.0
background-position 8.0 3.1
background-repeat 4.0 3.1
CSS3 background (多重) 9.0[t 1] 1.9.2 312 3.5 2.5
background-clip 實驗性質 (2.0)[g 13] 實驗性質 實驗性質
background-origin
background-size
字型[spec 9]
CSS2 font 4.0 1.0 85 不正確
font-family 4.0 1.0 85 1.0
font-size 3.0 1.0 85 3.1
font-style 4.0 1.0 85
font-variant 4.0 1.0 125
font-weight 8.0 部份 部份 部份
CSS3 font-size-adjust 10.0[t 11] 1.9 [w 12]
font-stretch 9.0[t 1] 9.0[g 14] [w 13] 6.0
font-feature-settings 10.0[t 12] Experimental [w 14]
font-kerning
font-language-override
font-synthesis
font-variant-alternates
font-variant-caps
font-variant-east-asian
font-variant-ligatures
font-variant-numeric
font-variant-position
unicode-range 9.0[t 13]
文字[spec 10]
CSS2 text-align 4.0 1.0 85 1.0
text-decoration 不正確 不正確 3.1
text-indent 3.0 1.0 85
text-transform 4.0 1.0 85 6.0
letter-spacing 4.0 1.0 85 5.0
word-spacing 8.0 1.0 85 5.0
white-space 8.0 1.9.1 522 2.1 6.0
CSS3 text-overflow Partial 7.0[g 15] Partial 3.5.6 Experimental (Nightly)[p 2]
word-break Partial 15.0[g 16]
text-wrap
word-wrap 5.0 1.9.1 85 4.3 2.5
text-align-last 部份 部份
text-justify 5.5 [g 17] 6.0
punctuation-trim
text-outline [g 18] Nightly Build[w 15][w 16]
hanging-punctuation [w 17]
CSS 4 hyphenate-character
hyphenate-limit-zone 10.0[t 14]
hyphenate-limit-chars 10.0[t 15]
hyphenate-limit-lines 10.0[t 16]
hyphenate-limit-last
Trident Gecko WebKit KHTML Presto Prince XML
文本装饰[spec 11]
CSS 3 text-shadow 10.0[t 17] 1.9.1 3.4 2.1
text-decoration-style 6.0[g 19][g 20] [w 18]
text-decoration-color
text-decoration-line
text-decoration-skip
text-underline-position
text-emphasis-style
text-emphasis-color
text-emphasis
text-emphasis-position
書寫模式[spec 12]
CSS2 direction 5.0 1.0 85 1.0 7.0
unicode-bidi 5.0 1.0 525 7.0
CSS3 writing-mode 不正確 [g 21] Nightly Build[w 19]
text-combine [w 20]
表格
CSS2 border-collapse 8.0 1.0 125 1.0 5.1
border-spacing 8.0 1.0 125 6.0
caption-side 8.0 1.4 85 5.0
empty-cells 8.0 1.0 125 5.0
table-layout 5.0 1.0 85 6.0
使用者界面[spec 13]
CSS2 cursor 5.5 1.8 125 部份
outline 8.0 1.8 125 1.0
outline-color 8.0 1.8 125
outline-style 8.0 1.8 125
outline-width 8.0 1.8 125
CSS3 outline-offset 1.8 125 3.5 2.1
box-sizing 8.0 實驗性質[g 22] 實驗性質 3.3.2 1.0 7.0
resize 2.0[g 23] 525
appearance 實驗性質 實驗性質
icon
nav-index 2.1
nav-up
nav-right
nav-down
nav-left
Trident Gecko WebKit KHTML Presto Prince XML
換頁媒體[spec 14]
CSS2 page-break-before 4.0 部份 部份 3.5 1.0 6.0
page-break-after 6.0
page-break-inside 8.0 [g 24] 312 6.0
orphans [g 25] 6.0
widows 6.0
CSS3 page
size [w 21] 1.0 6.0
image-orientation
object-fit 2.7[p 3]
object-position
語音[spec 15]
CSS2 cue [g 26] 1.0
cue-after
cue-before
pause
pause-after
pause-before
speak Nightly build[w 22]
voice-family
CSS3 voice-balance 實驗性質
voice-duration
voice-pitch
voice-pitch-range
voice-rate
voice-stress
voice-volume
interpret-as
phonemes
rest
rest-after
rest-before
mark
mark-after
mark-before
Trident Gecko WebKit KHTML Presto Prince XML
媒體查詢[spec 16]
CSS3 width 9.0[t 1] 1.9.1 525 4.1 2.0  ?
height  ?
device-width  ?
device-height  ?
device-aspect-ratio  ?
color 2.5  ?
color-index  ?
monochrome  ?
resolution  ?
orientation 4.2.1  ?
aspect-ratio 2.1  ?
grid 4.1 2.5  ?
scan  ?
Ruby字元[spec 17]
CSS3 ruby-position 5.0 [g 27]
ruby-align
ruby-overhang
ruby-span
多欄排版[spec 18]
CSS3 column-count 10.0[t 18] 实验性质[g 28] 实验性质 2.8[p 4]
column-width
column-gap
column-rule
columns 9.0[g 29]
break-before [g 30] 实验性质[w 23] 6.0
break-after
break-inside [w 24]
column-fill 14.0[g 31]
column-span [g 32] 实验性质[w 25]
Trident Gecko WebKit KHTML Presto Prince XML
動畫[spec 19]
CSS3
animation 10.0[t 19] 16.0[g 33] 实验性质 2.12
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] 實驗性質 實驗性質 實驗性質
transform-origin
Trident Gecko WebKit KHTML Presto Prince XML}
3D變換[spec 21]
CSS3
transform [g 34] 實驗性質
transform-origin
transform-style
perspective
perspective-origin
backface-visibility
轉變[spec 22]
CSS3
transition-property 2.0 (實驗性質)[g 35] 實驗性質 實驗性質
transition-duration
transition-timing-function
transition-delay
transition
彈性盒排版(@@翻譯)[spec 23]
CSS3
box-align 實驗性質 實驗性質
box-direction
box-flex
box-flex-group
box-lines [g 36]
box-ordinal-group 實驗性質
box-orient
box-pack
彈幕(@@翻譯xd)[spec 24]
CSS3
marquee-direction 實驗性質[w 26]
marquee-play-count
marquee-speed
marquee-style
overflow-style
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> 浮點數 3.0 1.0 85 1.0 6.0
<length> <number>接單位
<percentage> <number>接%
<integer> 整數
CSS3 <angle> <number>接角度單位 9.0[t 1] 部份 部份 部份 部份
<time> <number>接長度單位 2.0[g 35] 2.5
<frequency> <number>接頻率單位
<fraction> 剩餘空間
字串
CSS2 <string> String 3.0 1.0 85 1.0
\code Unicode轉意 6.0
CSS2 rect() 長方型 8.0 1.0 85 1.0
函數
CSS2 url() URI 3.0 1.0 85 1.0
counter() 8.0
attr() 屬性標示符
CSS3 calc() 9.0[t 1] 2.0 (實驗性質)[g 42] [w 28]
顏色
CSS2 HTML4顏色關鍵字 16個預定義網頁顏色 3.0 1.0 85 1.0
#rrggbb或#rgb 十六進位記法
rgb(r, g, b) RGB記法 4.0
系統顏色[spec 26] 28預定義系統顏色 3.0
CSS3 SVG顏色關鍵字 8.0 ?
currentColor color屬性的值 9.0[t 1] 1.8 528 2.1 ?
rgba(r, g, b, a) RGBA記法 1.9 525 4.0 2.2 6.0
hsl(h, s, l) HSL記法 1.5 3.5.5 2.1
hsla(h, s, l, a) HSLA記法 1.9 3.5.5 2.2
transparent 透明 部份 1.9 4.0 部份 部份
圖像值[spec 27]
CSS2 <url> 圖像形態 3.0 1.0 85 1.0
CSS3 <sprite>
<image-list>
<linear-gradient> 實驗性質 實驗性質
<radial-gradient>
linear-gradient() 漸層
radial-gradient()
repeating-linear-gradient()
repeating-radial-gradient()
關鍵字
CSS2 auto 自動 6.0 1.0 85 1.0
inherit 從母元素繼承 8.0
CSS3 initial 實驗性質 125
單位
CSS2 px 像素 3.0 1.0 85 1.0
pt
pc 倍卡
cm 公分
mm 公釐
in 英尺
em 正方
ex X字高
% 百分比
CSS3 deg 9.0[t 1] 1.9.1 2.5
grad 梯度
rad 弧度
turn
ms 毫秒 2.0[g 43] 2.5
s
Hz 赫茲
kHz 千赫
dpi dpi 1.9.1 4.1 2.5
dpcm dpcm
dppx dppx ?
gd 網格數
fr 剩餘空間分配數
rem 根原素字型大小 9.0[t 1] 1.9.2
vw 視口的寬度 [g 44] [w 29]
vh 視口的高度
vm 視口高度跟寬度小的那個
ch 從字型中抽出的該大小的「0」(ZERO, U+0030)的字形寬度 1.9.1
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月為止廣含所有新資料。