Comparison of layout engines (Cascading Style Sheets)
Cascading Style Sheets |
---|
Comparisons |
Web design |
The following tables compare CSS compatibility and support for a number of layout engines. Please see the individual products' articles for further information. Unless otherwise specified in footnotes, comparisons are based on the stable versions without any add-ons, extensions or external programs.
Explanation of the tables
Engine nomenclature
Rather than the names of web browsers, the names of the underlying engines are used. The browsers that use the various engines are listed below.
Layout engine | Release version | Preview version | Used by |
---|---|---|---|
Amaya | 11.4.7[1] | N/A | No longer developed; Amaya |
Blink | 537.36 | source code[note 1] | Chromium/Chrome (28+), Opera (15+), Yandex and Liebao. |
Gecko |
37.0.2 (April 20, 2015[2]) [±]
|
38.0 Beta 9 (April 30, 2015[4][5]) [±]
39.0a2 (April 3, 2015[6]) [±] daily release
|
All Mozilla software, including Firefox; SeaMonkey and Galeon; Camino; K-Meleon; Flock (up to 2.x); Debian IceWeasel; GNU IceCat (formerly GNU IceWeasel); Cyberfox; Icedove, Iceape and Iceowl; Fennec. Also used by the Maple platform in 2010 and 2011 Samsung "SmartTV" devices which are based on the build used in Firefox 3.0. Nokia Asha platform is also using Gecko for web apps rendering. |
KHTML | 4.12.3[8] | N/A | Konqueror[note 2] |
Presto | 2.12.388 | N/A | No longer developed; Opera and Opera Mobile use Blink now; Nintendo DS & DSi Browser; Internet Channel |
Tasman | (IE 5.2.3 for Mac) | N/A | No longer developed (aborted in 2003); Internet Explorer 5+ for Mac OS X |
Trident | 7.0 (IE 11) | N/A | Internet Explorer and other Internet Explorer shells like Maxthon (Microsoft Windows operating systems only), Windows Phone 8 |
WebKit | 534.20 | nightly build[note 3] | Tizen (both OS and browser), Safari (both desktop and mobile), Google Chrome (before 28), Maxthon 3, Shiira, iCab 4, OmniWeb 5.5+, Web, Adobe AIR, Midori, Adobe Dreamweaver CS4 and CS5, Android browser, Palm webOS browser, Symbian S60 browser, OWB, Steam, Rekonq, Arora, Flock (version 3+), RockMelt, Dolphin Browser, Sleipnir, Konqueror[note 2]. Used by the LG Smart TV platform to enable web content on TVs. |
- ↑ "chromium / chromium/blink". chromium.googlesource.com. Google. Retrieved 2014-05-27.
- ↑ 2.0 2.1 In Konqueror, the user can switch the used layout engine.
- ↑ "WebKit Nightly Builds". webkit.org. Retrieved 2014-05-27.
Values
Values indicate the level of support in the most recent version of the layout engine, or (if a version number is given) in the specified version. Version numbers without any other value indicate the version at which the layout engine first fully supported the feature.
Value | Meaning |
---|---|
Yes | Indicates that the layout engine fully supports this property/element when valid values are used. |
No | Indicates that the property/element is completely ignored. |
Partial | Indicates that the property/element is understood, but that not all values are supported. Supported values are implemented correctly. |
Incorrect | Indicates that the property/element is understood, but that it is not implemented correctly in all cases. |
Experimental | Indicates that the property/element is understood, but supported under an alternate name. May be incomplete or buggy. |
Dropped | Indicates that the property/element is no longer supported. |
Nightly build | Indicates that the property/element is supported to some extent in an experimental/nightly build. Future support is expected. |
Depends | Indicates that the property/element is supported only on certain platforms, or if certain settings are configured. |
Acronyms
- CSS1 : Cascading Style Sheets (CSS1) Level 1 Specification [spec 1]
- CSS2 : Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification [spec 2]
- ML1 : CSS Module Level 1 (≠ CSS1)
- CSS3 : CSS Module Level 3
- CSS4 : CSS Module Level 4
Grammar and rules
Trident | Gecko | WebKit | KHTML | Presto | Prince | |||
---|---|---|---|---|---|---|---|---|
CSS2 | !important |
Weight increasing | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes |
/*Comment*/ |
Comments | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.0 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes | |
@import |
Import stylesheet | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.1 | |
@charset |
Character set | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.5 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.2.3 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes | |
@media |
Media-specific rules | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.5 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.1 | |
CSS3 | @namespace |
Namespace declaration | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0[t 1] | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0 |
@document |
Restriction by URLs | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0 | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | |
@keyframes |
Animation key | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|10.0[t 2] | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|16.0 | style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.12 | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | |
@supports |
Conditional Rules | style="background: #fdd; color: black; vertical-align: middle; text-align: center; " class="nightly table-nightly"|12.0 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|22.0[g 1] | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|28.0[w 1] | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.12 | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | |
@phonetic-alphabet |
Phonetic pronunciation | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | |
@counter-style |
Custom Counter Styles | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background: #fdd; color: black; vertical-align: middle; text-align: center; " class="nightly table-nightly"|Nightly build[g 2] | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | |
@viewport |
Viewport, Device Adaptation | style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|10.0[t 3] | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No [w 2] | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|2.7.62[p 1] | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | |
ML1 | @filter |
Filter | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No |
Page | ||||||||
CSS2 | @page |
For paged media | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|19.0[g 3] | style="background: #fdd; color: black; vertical-align: middle; text-align: center; " class="nightly table-nightly"|Nightly Build[w 3] | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0 |
CSS3 | @top-left-corner |
Margin boxes [spec 3] | rowspan="16" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | rowspan="16" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | rowspan="16" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No [w 4] | rowspan="16" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | rowspan="16" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | rowspan="16" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.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 | ||||||||
Font | ||||||||
CSS3 | @font-face |
Define font | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0[t 1] | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9.1 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|525 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.3 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.2 | style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0 |
@font-feature-values |
Define font features | rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | rowspan="2" style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|24.0 | rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | |
@annotation |
Font feature value block | |||||||
@styleset |
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | ||
@swash |
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | ||
@ornaments |
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No | ||
Trident | Gecko | WebKit | KHTML | Presto | Prince |
Trident grammar and rule notes
- !important — Prior to 7.0,
!important
doesn't override rules defined later in the same declaration block. - @import — Prior to 8.0, media type support is broken. For
@import <URL> <MEDIA>
, IE requests as the URL "<URL> <MEDIA>
" and will include theurl()
token and/or quotes in the URL, too, if present. Cannot import more than 35 stylesheets.
Presto grammar and rule notes
- @import — Whilst Gecko, WebKit and iCab download all media stylesheets immediately, Opera only downloads handheld, print, projection and screen media, as well as speech if "voice" feature is enabled and TV, on TV devices. Text browser emulation mode is only a user stylesheet, so it does not switch to tty media type. This is consistent with older text browsers, which do not respect any CSS.
Selectors
Trident
Gecko
WebKit
KHTML
Presto
Prince
Element selectors[spec 4]
CSS2
*
Universal
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="5" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
E
Element
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
E.class
Class
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
E#id
ID
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
CSS3
ns|E
Namespaced
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
Relationship selectors
CSS2
E F
Descendant
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
E > F
Child
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
E + F
Direct adjacent
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
CSS3
E ~ F
Indirect adjacent
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.7
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|412
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.3.2
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
CSS4
E /for/ F
Reference combinators
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
E! > F
Subject
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[g 4]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
F || E
Column relation
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
Attribute selectors
CSS2
E[attr]
Has
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
E[attr="value"]
Equals
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
E[attr~="value"]
Contains (space-separated)
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
E[attr|="value"]
Contains (hyphen-separated)
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
CSS3
E[attr^="value"]
Begins with
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.4
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
E[attr$="value"]
Ends with
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.4
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
E[attr*="value"]
Contains substring
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.4
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
E[ns|attr]
Namespaced
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.4
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
CSS4
E[foo="bar" i]
Case-sensitivity
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
Pseudo-classes
CSS2
E:link
Unvisited hyperlink
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="10" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
E:visited
Visited hyperlink
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
E:active
Active
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
E:hover
Mouseover
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|419.3
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
E:focus
Focused
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
E:first-child
First child
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
E:lang()
Language
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.2
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|525
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.4
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
@page:first
First page
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
rowspan="3" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[g 5]
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes[w 5]
rowspan="3" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
@page:left
Left page
@page:right
Right page
CSS3
E:root
Root
rowspan="17" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
rowspan="16" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.4
rowspan="12" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.1
rowspan="12" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
E:not()
Negation
E:empty
Empty
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.8
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|412
E:first-of-type
First child of type
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9.1
rowspan="13" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|525
E:last-child
Last child
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
E:last-of-type
Last child of type
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9.1
E:only-child
Only child
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.8
E:only-of-type
Only child of type
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9.1
E:nth-child
Nth child
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9.1
E:nth-last-child
Nth last child
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9.1
E:nth-of-type
Nth child of type
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9.1
E:nth-last-of-type
Nth last child of type
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9.1
E:target
Target
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.3
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.5
rowspan="14" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
E:enabled
Enabled state
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.8
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.0
E:disabled
Disabled state
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.8
E:checked
Checked state
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
E:indeterminate
Indeterminate state
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9.2
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|522
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
E:default
Default
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes[w 6]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.3
rowspan="7" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.0
E:valid
Valid
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|10.0[t 4]
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.8
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes[w 7]
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
E:invalid
Invalid
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|10.0[t 5]
E:in-range
In range
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes[w 8]
E:out-of-range
Out of range
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
E:required
Required
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|10.0[t 6]
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.0[g 6]
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes[w 9]
E:optional
Optional
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|10.0[t 7]
E:read-only
Read-only
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental[g 7]
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background: #F90; color: black; vertical-align: middle; text-align: center; " class="incorrect"|Incorrect
rowspan="2" style="background: #F90; color: black; vertical-align: middle; text-align: center; " class="incorrect"|Incorrect
E:read-write
Read and write
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
CSS4
E:not(s1, s2)
Negations
rowspan="23" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="23" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="23" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="23" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="23" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
E:matches(s1, s2)
Matches-any
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No [g 8]
E:has(s1)
Relational pseudo-class
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
E:dir(ltr)
Directionality
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|17[g 9]
E:lang(zh, *-hant)
Languages
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
E:any-link
Hyperlink
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|1[g 10]
E:local-link
Local link
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
E:local-link(0)
Local link
E:scope
Contextual reference
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|20[g 11]
E:current
Time-dimensional : current
rowspan="14" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
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)
Column
E:nth-column(n)
Nth column
E:nth-last-column(n)
Nth last column
E:placeholder-shown
placeholder text
E:active-drop
will receive the item
E:valid-drop
could receive the item
E:invalid-drop
cannot receive the item
Pseudo-elements
CSS2
E:first-letter
First letter
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
E:first-line
First line
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.1
E:before
Before
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9.1
rowspan="2" style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
E:after
After
CSS3
E::before
Double colon notation
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9.1
rowspan="2" style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.4
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
E::after
Double colon notation
E::first-letter
Double colon notation
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.5
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
E::first-line
Double colon notation
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.1
E::marker
[spec 5]
list marker
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
E::value
user interface element fragments [spec 6]
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
E::choices
E::repeat-item
E::repeat-index
?
E::selection
Selection
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental[g 12]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|412
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.4
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.1
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
Trident
Gecko
WebKit
KHTML
Presto
Prince
General selector notes
- :read-only and :read-write — Both Presto and KHTML handle the case of the
contenteditable
attribute incorrectly.
- ::selection has been removed from the CSS3 specification, but is still supported by many browsers.
Trident selector notes
- :active — Prior to 8.0,
:active
is only supported on anchor elements.
- :hover — Prior to 7.0,
:hover
is only supported on anchor elements.
- .one.two — Prior to 7.0, only
.two
class selector was taken into consideration.
- * — Prior to 7.0 this was treated as a single or no element.
- [attr] — Matches every
td
and th
in a table when the attribute is colspan
(regardless of whether any actually have a colspan
attribute).[t 8] This may not actually be a bug, as ambiguity exists in the specification.[t 9]
- :first-letter, :first-line — Prior to IE9 in 6.0, combining
:first-letter
rules with others may be problematic.[t 10] In 8.0, rules with !important
are ignored inside :first-line
and :first-letter
declarations.[t 11]
Gecko selector notes
- (:):before, (:):after — CSS2.0 behavior : some properties are unimplemented prior to 1.9.1.[g 13]
WebKit selector notes
- :lang() — Only detected when explicitly present on element being tested, attribute not inherited.
- (:):first-line —
text-transform
doesn't apply with this pseudo-element.[w 10]
-
(:):before/after
— some styles can't be applied to :before
and :after
pseudo-elements, such as animations and transitions.[w 11]
Presto selector notes
- :target — Prior to 2.5, styles aren't applied when navigating using back and forward buttons.
Properties
Trident
Gecko
WebKit
KHTML
Presto
Prince
Cascading and Inheritance
CSS3 [spec 7]
all
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|27.0 [g 14]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
Display
CSS2
display
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
CSS3 [spec 8]
display-inside
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
display-outside
display-list
box-suppress
Box Model[spec 9]
CSS2
margin
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="10" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
padding
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
width
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
height
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
float
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
clear
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
min-width
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
max-width
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
min-height
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.7
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.3.2
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
max-height
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.7
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.3.2
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
visibility
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.8
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.5
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
Overflow
CSS2
overflow
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.2
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
CSS3[spec 10]
overflow-x
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.8
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|525
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.5.6
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.1
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
overflow-y
max-lines
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
Borders
CSS2
border
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
rowspan="8" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
rowspan="8" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
rowspan="8" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="8" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
rowspan="8" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.0
border-color
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
border-style
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
border-width
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
border-top
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.5
border-right
border-bottom
border-left
CSS3[spec 11]
border-radius
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0[t 1]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.0[g 15]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|533[w 12]
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.5
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
border-image
rowspan="6" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|11.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|15.0[g 16]
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.5
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
border-image-source
rowspan="5" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|15.0[g 17]
rowspan="5" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="5" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
border-image-slice
border-image-width
border-image-outset
border-image-repeat
box-shadow
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0[t 12]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.0[g 18]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes[w 13]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.5
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
box-decoration-break
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|32.0[g 20]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[w 14]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.7[p 2]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
Trident
Gecko
WebKit
KHTML
Presto
Prince
Line Layout[spec 12]
CSS2
line-height
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
vertical-align
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
Positioning
CSS2
position
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="6" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
top
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
right
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
bottom
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
left
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
z-index
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
Box Alignment Module
CSS3[spec 13]
align-content
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|11.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|28.0
rowspan="4" style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
align-items
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|20.0
align-self
justify-content
justify-items
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
justify-self
Generated and Replaced Content[spec 14]
CSS2
quotes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|412[w 15]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.4
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
content
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0[t 13]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.7
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
counter-increment
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.8
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|525
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.4
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
counter-reset
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.8
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|525
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.4
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
Lists[spec 15]
CSS2
list-style
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
list-style-image
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
list-style-position
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
list-style-type
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.4
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
Colors
CSS2
color
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
CSS3[spec 16]
opacity
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0[t 1]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.7
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|125
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
Trident
Gecko
WebKit
KHTML
Presto
Prince
Backgrounds
CSS2
background
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
rowspan="6" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
rowspan="6" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
rowspan="6" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="6" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
background-attachment
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
background-color
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.1
background-image
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
background-position
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.1
background-repeat
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.1
CSS3 [spec 11]
background (multiple)
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0[t 1]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9.2
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|312
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.5
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.5
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
background-clip
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.0[g 21]
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes[w 16]
rowspan="3" style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental
background-origin
background-size
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes[w 17]
CSS4 [spec 17]
background-position-x
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0[t 14]
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
background-position-y
Fonts
CSS2
font
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background: #F90; color: black; vertical-align: middle; text-align: center; " class="incorrect"|Incorrect
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
font-family
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
font-size
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.1
font-style
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
font-variant
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|125
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
font-weight
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background: #F90; color: black; vertical-align: middle; text-align: center; " class="incorrect"|Incorrect
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
CSS3[spec 18]
font-size-adjust
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|10.0[t 15]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[w 18]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
font-stretch
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0[t 1]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0[g 22]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[w 19]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
font-feature-settings
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|10.0[t 16]
rowspan="10" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|34.0[9] [g 23]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[w 20]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
font-kerning
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
font-language-override
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
font-synthesis
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
font-variant-alternates
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
font-variant-caps
font-variant-east-asian
font-variant-ligatures
font-variant-numeric
font-variant-position
unicode-range
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0[t 17]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|38.0[g 24]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
Trident
Gecko
WebKit
KHTML
Presto
Prince
Text
CSS2
text-align
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="6" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
text-decoration
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.1
text-indent
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
text-transform
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
letter-spacing
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
word-spacing
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
white-space
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9.1
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|522
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.1
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
CSS3 [spec 19]
word-break
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|15.0[g 25]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
line-break
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|11.0
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
hyphens
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|10.0[t 18]
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|6.0[g 26]
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
word-wrap
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9.1
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.3
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.5
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
overflow-wrap
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[g 27]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
text-align-last
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|12.0[g 28]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[w 21]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
text-justify
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.5
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[g 29]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
text-emphasis
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
hanging-punctuation
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[w 22]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
CSS4[spec 20]
hyphenate-character
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="8" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="8" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="8" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="8" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="8" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
hyphenate-limit-zone
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|10.0[t 19]
hyphenate-limit-chars
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|10.0[t 20]
hyphenate-limit-lines
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|10.0[t 21]
hyphenate-limit-last
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
text-space-collapse
text-spacing
text-wrap
Text Decoration
CSS3 [spec 21]
text-shadow
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|10.0[t 22]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9.1
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.4
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.1
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
text-decoration-style
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|36.0[g 30][g 31]
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[w 23]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
text-decoration-color
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
text-decoration-line
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
text-decoration-skip
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
text-underline-position
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|11.0
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
text-emphasis-style
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
text-emphasis-color
text-emphasis
text-emphasis-position
Trident
Gecko
WebKit
KHTML
Presto
Prince
Writing Modes
CSS2
direction
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
unicode-bidi
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|525
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
CSS3 [spec 22]
writing-mode
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|7.0[t 23]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[g 32]
style="background: #fdd; color: black; vertical-align: middle; text-align: center; " class="nightly table-nightly"|Nightly Build[w 24]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
text-combine-horizontal
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|11.0[t 24]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
text-orientation
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
Tables
CSS2
border-collapse
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|125
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="5" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.1
border-spacing
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|125
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
caption-side
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.4
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
empty-cells
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|125
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
table-layout
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
User interface
CSS2
cursor
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.5
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.8
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|125
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
outline
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.8
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|125
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
outline-color
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.8
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|125
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
outline-style
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.8
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|125
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
outline-width
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.8
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|125
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
CSS3 [spec 23]
outline-offset
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.8
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|125
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.5
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.1
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
box-sizing
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|29.0[g 33]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes[w 25]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.3.2
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0
resize
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.0[g 34]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|525
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
appearance
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
icon
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
nav-index
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="5" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.1
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
nav-up
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
nav-right
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
nav-down
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
nav-left
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
text-overflow
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|7.0[g 35]
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|3.5.6
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental (Nightly)[p 3]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
Trident
Gecko
WebKit
KHTML
Presto
Prince
Paged media
CSS2
page-break-before
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
rowspan="2" style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
rowspan="2" style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
rowspan="5" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.5
rowspan="5" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
page-break-after
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
page-break-inside
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|19.0[g 36]
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|312
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
orphans
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[g 37]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
widows
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
CSS3 [spec 24]
page
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
size
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No [g 38]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[w 26]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
image-orientation
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|26.0 [g 39]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
object-fit
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|36.0[g 40]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.7[p 4]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
object-position
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
Speech
CSS3[spec 25]
cue
rowspan="23" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="23" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[g 41]
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="23" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="8" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
rowspan="23" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
cue-after
cue-before
pause
pause-after
pause-before
speak
style="background: #fdd; color: black; vertical-align: middle; text-align: center; " class="nightly table-nightly"|Nightly build[w 27]
voice-family
rowspan="16" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
voice-balance
rowspan="9" style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental
voice-duration
voice-pitch
voice-pitch-range
voice-rate
voice-stress
voice-volume
interpret-as
phonemes
rest
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rest-after
rest-before
mark
mark-after
mark-before
Trident
Gecko
WebKit
KHTML
Presto
Prince
Media Queries
CSS3[spec 26]
width
rowspan="11" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0[t 25]
rowspan="11" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9.1
rowspan="8" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|525
rowspan="9" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.1
rowspan="5" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.0
rowspan="13" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
height
device-width
device-height
device-aspect-ratio
color
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.5
color-index
monochrome
resolution
rowspan="5" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
orientation
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.2.1
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
aspect-ratio
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.1
grid
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|11.0
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.1
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.5
scan
Ruby characters
ML1 [spec 27]
ruby-position
rowspan="3" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|38.0[g 42]
rowspan="3" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="3" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="3" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="3" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
ruby-align
ruby-merge
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
Multi-column Layout
CSS3[spec 28]
column-count
rowspan="10" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|10.0[t 26]
rowspan="4" style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental[g 43]
rowspan="5" style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental
rowspan="10" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="10" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.8[p 5]
rowspan="5" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
column-width
column-gap
column-rule
columns
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|9.0[g 44]
break-before
rowspan="3" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[g 45]
rowspan="2" style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental[w 28]
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
break-after
break-inside
rowspan="1" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[w 29]
column-fill
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|14.0[g 46]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
column-span
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[g 47]
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental[w 30]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
Trident
Gecko
WebKit
KHTML
Presto
Prince
Grid layout
ML1[spec 29]
grid
rowspan="9" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="16" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[g 48]
rowspan="16" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[w 31]
rowspan="16" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="16" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="16" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
grid-template
grid-template-columns
grid-template-rows
grid-template-areas
grid-auto-columns
grid-auto-rows
grid-auto-flow
grid-auto-position
grid-columns
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|10.0[t 27]
grid-columns-start
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
grid-columns-end
grid-row
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|10.0[t 28]
grid-row-start
rowspan="3" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
grid-row-end
grid-area
Animation
CSS3[spec 30]
animation
rowspan="9" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|10.0[t 29]
rowspan="9" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|16.0[g 49]
rowspan="9" style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental
rowspan="9" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="9" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.12
rowspan="9" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
animation-delay
animation-direction
animation-duration
animation-iteration-count
animation-name
animation-play-state
animation-timing-function
animation-fill-mode
Transforms
ML1[spec 31]
transform
rowspan="6" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|10.0[t 30]
rowspan="6" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|16.0
rowspan="6" style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.12
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
transform-origin
transform-style
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
perspective
perspective-origin
backface-visibility
Transitions
CSS3[spec 32]
transition-property
rowspan="5" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|10.0[t 31]
rowspan="5" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|16.0[g 50]
rowspan="5" style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental
rowspan="5" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="5" style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental
rowspan="5" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
transition-duration
transition-timing-function
transition-delay
transition
Flexible Box Layout
ML1[spec 33]
flex
rowspan="8" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|11.0
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|22.0[g 51]
rowspan="8" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|29.0[w 32]
rowspan="8" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.12
rowspan="8" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
flex-basis
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
flex-direction
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.12
flex-flow
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|28.0
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
flex-grow
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|22.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.12
flex-shrink
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
flex-wrap
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|28.0
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
order
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|22.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.12
Trident
Gecko
WebKit
KHTML
Presto
Prince
Regions
ML1 [spec 34]
flow-into
rowspan="2" style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|10.0[t 32]
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[g 52]
rowspan="6" style="background: #fdd; color: black; vertical-align: middle; text-align: center; " class="nightly table-nightly"|Nightly build
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
flow-from
region-fragment
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
break-before
rowspan="3" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
break-after
break-inside
Exclusions
ML1 [spec 35]
wrap-flow
rowspan="2" style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|10.0[t 33]
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[g 53]
rowspan="2" style="background: #fdd; color: black; vertical-align: middle; text-align: center; " class="nightly table-nightly"|Nightly build
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
wrap-through
Shapes
ML1 [spec 36]
shape-margin
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|10.0
rowspan="3" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background: #fdd; color: black; vertical-align: middle; text-align: center; " class="nightly table-nightly"|Nightly build
rowspan="3" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="3" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="3" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
shape-outside
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
shape-image-threshold
Masking
CSS2
clip
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|5.0
ML1 [spec 37]
clip-path
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|1.9.1
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
clip-rule
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
mask
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
mask-box-image
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
mask-box-image-outset
rowspan="5" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
mask-box-image-repeat
mask-box-image-slice
mask-box-image-source
mask-box-image-width
mask-clip
rowspan="7" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="6" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="6" style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental
rowspan="7" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="7" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="7" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
mask-image
mask-origin
mask-position
mask-repeat
mask-size
mask-type
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|20.0
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
Trident
Gecko
WebKit
KHTML
Presto
Prince
Compositing and Blending
ML1 [spec 38]
mix-blend-mode
rowspan="3" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|32.0
rowspan="3" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="3" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="3" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="3" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
isolation
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|36.0
background-blend-mode
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|30.0
Filter Effects
ML1 [spec 39]
filter
rowspan="5" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|35.0 [g 54]
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|18.0 [w 33]
rowspan="5" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="5" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="5" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
flood-color
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
flood-opacity
color-interpolation-filters
lighting-color
Pointer events
SVG 1.1 [spec 40] / CSS4
pointer-events
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|11.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9.2
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|530
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|2.0
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
CSS [spec 41]
touch-action
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|11.0
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|29.0 [g 55]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
Line Grid
ML1 [spec 42]
box-snap
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
line-grid
line-slack
line-snap
Logical Properties
ML1 [spec 43]
block-size
rowspan="36" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="34" style="background: #fdd; color: black; vertical-align: middle; text-align: center; " class="nightly table-nightly"|Nightly build
rowspan="36" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="36" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="36" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="36" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
inline-size
min-block-size
min-inline-size
max-block-size
max-inline-size
margin-block-start
margin-block-end
margin-inline-start
margin-inline-end
offset-block-start
offset-block-end
offset-inline-start
offset-inline-end
padding-block-start
padding-block-end
padding-inline-start
padding-inline-end
border-block-start-width
border-block-end-width
border-inline-start-width
border-inline-end-width
border-block-start-style
border-block-end-style
border-inline-start-style
border-inline-end-style
border-block-start-color
border-block-end-color
border-inline-start-color
border-inline-end-color
border-block-start
border-block-end
border-inline-start
border-inline-end
background-image-transform
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
border-image-transform
Trident
Gecko
WebKit
KHTML
Presto
Prince
Will Change
ML1 [spec 44]
will-change
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|36.0
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
CSSOM View
Module [spec 45]
scroll-behavior
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|36.0
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
Scroll Snap Points
ML1 [spec 46]
scroll-snap-type
rowspan="5" style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|10.0
rowspan="5" style="background: #fdd; color: black; vertical-align: middle; text-align: center; " class="nightly table-nightly"|39.0[g 56]
rowspan="5" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="5" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="5" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="5" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
scroll-snap-points-x
scroll-snap-points-y
scroll-snap-destination
scroll-snap-coordinate
Trident
Gecko
WebKit
KHTML
Presto
Prince
Trident property notes
- margin —
inherit
inherits the computation and recomputes it instead of inheriting the computed value.[t 34]
- display — Prior to 7.0, only
none
, block
, inline
, table-header-group
, and table-footer-group
are fully supported. Prior to 8.0, table
are not supported, while inline-block
is only supported on elements that are naturally inline.
- overflow — Prior to 7.0,
overflow: visible;
is incorrectly supported. In 8.0, scroll
makes the element's height equal to its max-height
even if the content isn't that tall.[t 35] This has been fixed in IE9.
- visibility — Prior to 8.0,
visibility: collapse;
is not supported. In 8.0, inline elements with visibility: visible;
inside block elements with visibility: hidden;
are not visible.[t 36]
- content — In 8.0, computed
attr()
values are not updated when the attribute changes.[t 37]
- border-color — Prior to 7.0,
transparent
is not supported.
- border-style — Prior to 8.0,
hidden
is not supported.
- border-style — Prior to 7.0,
dotted
is rendered as dashed
.
- box-shadow — Trident 9.0 renders box-shadow blur value at about half the declared value. Prior to 9.0, trident supports similar functionality since 5.5 using the proprietary Shadow[t 38] and DropShadow[t 39] filters.
- position — Prior to 7.0, fixed positioning was not supported. 7.0 and later support it in standards-compliant mode only.
- z-index — Prior to 8.0,
z-index
is only partially supported.[t 40] In 8.0, floating point values are accepted in addition to integers.[t 41]
- list-style-type — Prior to 8.0,
armenian
, decimal-leading-zero
, georgian
, lower-greek
, lower-latin
, upper-latin
are not supported.
- opacity — Prior to 9.0, Trident supported a proprietary alternative.[t 42]
- background-image — Prior to 8.0, background images are badly positioned in some cases.[t 43][t 44]
- background-attachment — Prior to 7.0,
fixed
was allowed on the body
element only.
- background-position — Prior to 8.0, fixed positioning is not supported.
- font-weight — Prior to 8.0, incorrect rendering when value is 600.[t 45]
- text-align — In 8.0,
text-align
isn't inherited by :before
and :after
pseudo-elements.[t 46]
- white-space — Prior to 6.0,
pre
is not supported. Prior to 8.0, white-space
is only partially supported; pre-line
and pre-wrap
are not supported.[t 47]
- cursor — Does not fail on non-prefixed vendor extensions.
- flex — Experimental in 10.0[t 48]
- break-after; break-before; break-inside — Though 10.0 does support break-after, break-before, and break-inside for columns, they do not appear to support the properties "region" and "avoid-region".
Gecko property notes
- display — Values except inline-block and inline-table supported prior to 1.9.
- z-index — Negatives values are badly supported prior to 1.9.
- content —
none
value is unsupported prior to 1.9. This property also fails on any normal (non-pseudo-) elements, which it must support according to the CSS3 "Generated and Replaced Content Module" spec.
- background-position — Versions prior to 1.7 implement the CSS2 syntax, not the proposed CSS2.1 expanded syntax.
- font-size-adjust — Prior to 1.9, supported on Windows only.
- font-weight — Only Regular and Bold weights get used, even if Light or Heavy/Black faces are installed, unless using DirectWrite in Gecko 2.0 on Windows 7 or Windows Vista.
- white-space —
pre-line
is not supported prior to 1.9.1. Prior to 1.9, pre-wrap
was only supported experimentally as -moz-pre-wrap
.
- visibility —
collapse
is unsupported prior to 1.8.
- border-radius — Prior to 1.9.1, border curves are circular, not elliptical as specified by the current CSS3 draft. Short-cut definitions for
border-radius
read "tl tr br bl" instead of the W3C's "tr br bl tl". When the border style is dotted or dashed, curves are rendered as solid instead.[g 57]
- page-break-before; page-break-after — Only the
always
and auto
values are supported.
WebKit property notes
- max-width; max-height; min-width; min-height — Are not supported on tables.(as commented on 2012-12-18, it is fixed)[w 34]
- font — The system font keywords that allow designers to tailor presentation to the user's operating system environment are unsupported.
- font-weight — Only Regular and Bold weights get used, even if Light or Heavy/Black faces are installed.
- page-break-before; page-break-after — Only the
always
and auto
values are supported.
- white-space — Prior to 522,
pre-line
and pre-wrap
are unsupported.
- visibility —
collapse
is unsupported prior to 522. Its implementation has the same effect as hidden
and is therefore not compliant.[w 35]
- content — The
none
, open-quote
, close-quote
, no-open-quote
, no-close-quote
and normal
values are unsupported. This property also fails on any normal (non-pseudo-) elements, which it must support according to the CSS3 "Generated and Replaced Content Module" spec.
- font-size — The
font-size
property does not always accept the value 0, in "font-size: 0px" the text is still visible.
KHTML property notes
- overflow — Values
scroll
and auto
are unsupported.
- page-break-before; page-break-after — Before 3.5 only the
always
and auto
values were supported.
- visibility — All properties are supported, but the implementation of
collapse
has the same effect as hidden
and is therefore not compliant.
Presto property notes
- counter-increment, counter-reset — Implemented the algorithm in REC CSS2.
- background-position — Presto versions prior to Opera 8.0 implement the CSS2 syntax, not the proposed CSS2.1 expanded syntax.
- font-weight — Incorrect rendering when value is 600. Renders the text in a compatibility mode for websites made for Trident.
- visibility — Prior to 2.5, the value
collapse
was unsupported in table columns. On rows, it had the same effect as hidden
and was therefore not compliant.
- cursor —
cursor
is ignored with dynamic pseudo-classes and custom cursors are unsupported.
- content — Prior to 2.7, the
none
value was unsupported.[p 6]
- font —
inherit
should not be allowed together with a font-size value. This should not be parsed, but it's currently done in Opera.
Prince XML property notes
- visibility — The value
collapse
is unsupported.[r 1]
- list-style — The values
armenian
and georgian
are unsupported.[r 1]
- content — The values
open-quote
and close-quote
are unsupported.[r 1]
Descriptors
Trident
Gecko
WebKit
KHTML
Presto
Prince
@counter-style
CSS3
additive-symbols
rowspan="10" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="10" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No [g 58]
rowspan="10" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="10" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="10" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="10" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
fallback
negative
pad
prefix
range
speak-as
suffix
symbols
system
@font-face
CSS3
font-family
rowspan="8" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="5" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="7" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
font-feature-settings
font-stretch
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
font-style
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
font-variant
font-weight
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background: #F90; color: black; vertical-align: middle; text-align: center; " class="incorrect"|Incorrect
src
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
unicode-range
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|36.0 [g 59]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
@viewport
CSS3
height
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|10.0 [t 49]
rowspan="11" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="11" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="11" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|2.7
rowspan="11" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
max-height
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
min-height
width
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|10.0 [t 50]
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|2.7
max-width
rowspan="7" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
min-width
zoom
rowspan="4" style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|2.7
max-zoom
min-zoom
user-zoom
orientation
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
@filter
ML1
src
rowspan="5" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="5" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="5" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="5" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="5" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="5" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
parameters
geometry
mix
margin
Values and units
Trident
Gecko
WebKit
KHTML
Presto
Prince
Numbers[spec 47]
CSS2
<number>
A floating-point number
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.0
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
<length>
<number> followed by units
<percentage>
<number> followed by %
<integer>
An integer
CSS3
<angle>
<number> angle-unit
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0[t 1]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
<time>
<number> time-unit
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.0[g 50]
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.5
<frequency>
<number> frequency-unit
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
<fraction>
Remaining space
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
Strings
CSS2
<string>
String
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.0
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
\code
Unicode escapes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
Functions
CSS2
rect()
A rectangle
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
url()
Uniform Resource Identifier
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.0
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
counter()
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
attr()
Attribute identifier
CSS3/ML1
calc()
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0[t 1]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|16.0[g 60]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes[w 36]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
toggle()
Toggling between values
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No[g 61]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
repeat()
Repeat n times
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="1" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|32.0[g 62]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
Colors
CSS2
HTML4 color keywords
16 predefined web colors
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.0
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
#rrggbb or #rgb
Hexadecimal notation
rgb(r, g, b)
RGB notation
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
system colors
[spec 48]
28 predefined system colors
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.0
CSS3
SVG color keywords
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style=" vertical-align: middle; text-align: center; " class="unknown table-unknown"|?
currentColor
The value of the color
property.
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0[t 1]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.8
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|528
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.1
style=" vertical-align: middle; text-align: center; " class="unknown table-unknown"|?
rgba(r, g, b, a)
RGBA notation
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|525
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.2
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
hsl(h, s, l)
HSL notation
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.5
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.5.5
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.1
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
hsla(h, s, l, a)
HSLA notation
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.5.5
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.2
transparent
Full transparency
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.0
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
style="background:#FFB;vertical-align:middle;text-align:center; " class="table-partial"|Partial
Image values
CSS2
<url>
Image types
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
CSS3 [spec 49]
<sprite>
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="8" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="8" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
<image-list>
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
<linear-gradient>
rowspan="6" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|10.0[t 51]
rowspan="6" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|16.0
rowspan="6" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="6" style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental
<radial-gradient>
linear-gradient()
Color gradients
radial-gradient()
repeating-linear-gradient()
repeating-radial-gradient()
CSS4 [spec 50]
conic-gradient()
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
repeating-conic-gradient()
element()
Reproduce element
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
cross-fade()
Transitioning between images
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No [g 63]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
image-set()
Resolution negotiation
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
Counter Styles [spec 51]
CSS3
symbols()
Anonymous Counter Styles
rowspan="1" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="1" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="1" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="1" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="1" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="1" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
Keywords
CSS2
auto
Automatically calculated
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|6.0
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
inherit
Inherited from the parent
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|8.0
CSS3
initial
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|19.0
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|125
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
Units
CSS2
px
Pixel
rowspan="9" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|3.0
rowspan="9" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
rowspan="9" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|85
rowspan="9" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="9" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.0
rowspan="9" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
pt
Point
pc
Pica
cm
Centimetre
mm
Millimetre
in
inch
em
em
ex
ex
%
Percentage
CSS3
deg
Degree
rowspan="6" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0[t 1]
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9.1
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.5
rowspan="19" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
grad
Grad
rad
Radian
turn
turn
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|13.0 [g 64]
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
ms
Millisecond
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.0[g 65]
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.5
s
Second
Hz
Hertz
rowspan="7" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
kHz
Kilohertz
dpi
Dots per inch
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9.1
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|4.1
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.5
dpcm
Dots per centimetre
dppx
Dots per pixel-unit
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|16.0
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style=" vertical-align: middle; text-align: center; " class="unknown table-unknown"|?
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
gd
Cells in the layout-grid
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
fr
Remaining space in a series of length values
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rem
the font size of the root element
rowspan="3" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|9.0[t 1]
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9.2
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|Yes
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|2.10.229[p 7]
vw
the viewport's width
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|19.0[g 3]
rowspan="4" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|28.0[w 37]
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="4" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
vh
the viewport's height
vmin
equal to the smaller of ‘vw’ or ‘vh’.
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
vmax
equal to the larger of ‘vw’ or ‘vh’.
ch
the width of the "0" (ZERO, U+0030) glyph found in the font for the font size used to render.
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|1.9.1
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
Filter Effects
ML1 [spec 52]
grayscale()
rowspan="11" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="11" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|35.0 [g 66]
rowspan="11" style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|18.0 [w 38]
rowspan="11" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="11" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="11" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
sepia()
saturate()
hue-rotate()
invert()
opacity()
brightness()
contrast()
blur()
drop-shadow()
custom()
Variables
ML1 [spec 53]
--*
define variable
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes"|31.0[g 67]
rowspan="2" style="background: #DFDFFF; color: black; vertical-align: middle; text-align: center; " class="experimental table-experimental"|Experimental
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
rowspan="2" style="background:#F99;vertical-align:middle;text-align:center;" class="table-no"|No
var(--*)
use variable
Trident
Gecko
WebKit
KHTML
Presto
Prince
General value and unit notes
- transparent —
CSS1 introduced the ‘transparent’ value for the background-color property. CSS2 allowed border-color to also accept the ‘transparent’ value. The Open eBook(tm) Publication Structure 1.0.1 [OEB101] extended the ‘color’ property to also accept the ‘transparent’ keyword. CSS3 extends the color value to include the ‘transparent’ keyword to allow its use with all properties that accept a <color> value. This simplifies the definition of those properties in CSS3.
- <angle> — The
turn
unit is unsupported.
Trident value and unit notes
- rect() — Prior to 8.0,
rect()
was not supported with the correct syntax using commas.
- auto — In quirks mode (IE5 emulation mode),
auto
does not work for margin
s, except table elements.
- transparent — In 7.0 and 8.0, using
transparent
in the color
property will render the text as black.
- transparent — Prior to 7.0,
transparent
is not supported on borders (shows as solid black) and is ignored on PNG images.
Gecko value and unit notes
- <ch> — Prior to version 1.9.1, used the width of the "M" glyph instead of the width of the "0" glyph.[g 68]
Presto value and unit notes
- <number> — Prior to 2.1, there existed a quantization error for values greater than 20.47 (not limited to em, try any non-pixel units).[p 8]
- transparent — Keyword is ignored when used with the outline-color property. Prior to version 2.2, it was also ignored when used with the color and text-shadow properties.
General notes
Trident general notes
-
-ms-
— All experimental properties are prefixed with "-ms-", e.g. -ms-interpolation-mode
instead of interpolation-mode
.
Gecko general notes
-
-moz-
— All experimental selectors, properties and values are prefixed with "-moz-", e.g. ::-moz-selection
instead of ::selection
.
WebKit general notes
-
-webkit-
— All experimental selectors, properties and values are prefixed with "-webkit-", e.g. -webkit-box-shadow
instead of box-shadow
.
KHTML general notes
-
-khtml-
— All experimental selectors, properties and values are prefixed with "-khtml-", e.g. -khtml-opacity
instead of opacity
.
Presto general notes
-
-xv-
— All new selectors, properties and values introduced by CSS3 Speech Module are prefixed with "-xv-" (but not found in CSS2 aural style sheets), e.g. -xv-voice-rate
instead of voice-rate
.
-
-o-
— All experimental properties are prefixed with "-o-", e.g. -o-transition-property
instead of transition-property
.
DOM equivalents to vendor-specific styles
- The DOM properties corresponding to vendor-specific experimental CSS properties are prefixed with the vendor-prefix, without any hyphens, and with first letters capitalised, e.g.
element.style.MozBorderRadius
corresponding to the -moz-border-radius
property, or element.style.OTransform
corresponding to the -o-transform
property. The exception is Internet Explorer which uses a lower-case prefix, e.g. element.style.msTransform
.
References
Specifications
- ↑ Cascading Style Sheets, level 1, W3C
- ↑ Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification, W3C
- ↑ CSS Paged Media Module Level 3 - Margin Boxes, W3C
- ↑ Selectors Level 3, W3C
- ↑ Markers: The ‘::marker’ pseudo-element, W3C
- ↑ User interface element fragments: pseudo-elements3, W3C
- ↑ CSS Cascading and Inheritance Level 3, W3C
- ↑ "CSS Display Module Level 3". W3C.
- ↑ CSS basic box model, W3C
- ↑ CSS Overflow Module Level 3, W3C
- ↑ 11.0 11.1 CSS Backgrounds and Borders Module Level 3, W3C
- ↑ CSS3 module: line, W3C
- ↑ CSS Box Alignment Module Level 3, W3C
- ↑ CSS3 Generated and Replaced Content Module, W3C
- ↑ CSS3 module: Lists, W3C
- ↑ CSS Color Module Level 3, W3C
- ↑ "[CSSWG] Minutes Telecon 2014-04-16 from Dael Jackson on 2014-04-17". Retrieved 16 Feb 2015.
- ↑ CSS Fonts Module Level 3, W3C
- ↑ CSS Text Level 3, W3C
- ↑ CSS Text Level 4, W3C (Editor's Draft)
- ↑ CSS Text Decoration Module Level 3, W3C
- ↑ CSS Writing Modes Level 3, W3C
- ↑ CSS3 Basic User Interface Module, W3C
- ↑ CSS3 Module: Paged Media, W3C
- ↑ CSS3 Speech Module, W3C
- ↑ Media Queries, W3C
- ↑ CSS Ruby Module Level 1, W3C
- ↑ CSS Multi-column Layout Module, W3C
- ↑ CSS Grid Layout Module Level 1, W3C
- ↑ CSS Animations Module Level 3, W3C
- ↑ CSS Transforms Module Level 1, W3C
- ↑ CSS Transitions Module Level 3, W3C
- ↑ CSS Flexible Box Layout Module Level 1, W3C
- ↑ CSS Regions Module Level 1, W3C
- ↑ CSS Exclusions Module Level 1, W3C
- ↑ CSS Shapes Module Level 1, W3C
- ↑ CSS Masking Level 1, W3C
- ↑ Compositing and Blending Level 1, W3C
- ↑ Filter Effects Module Level 1, W3C
- ↑ SVG 1.1 (Second Edition) - 16.6 The ‘pointer-events’ property, W3C
- ↑ Pointer Events, W3C
- ↑ CSS Line Grid Module Level 1, W3C
- ↑ CSS Logical Properties Level 1, W3C
- ↑ CSS Will Change Module Level 1, W3C
- ↑ CSSOM View Module (CSS properties), W3C
- ↑ CSS Scroll Snap Points Module Level 1, W3C
- ↑ CSS3 Values and Units, W3C
- ↑ System Colors, W3C
- ↑ CSS Image Values Module Level 3, W3C
- ↑ CSS Image Values Module Level 4, W3C
- ↑ CSS Counter Styles Level 3, W3C
- ↑ Filter Effects 1.0 - The ‘filter’ property, W3C
- ↑ CSS Custom Properties for Cascading Variables Module Level 1, W3C
Trident references
- ↑ 1.0 1.1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.9 1.10 Internet Explorer Platform Preview Guide for Developers, Microsoft
- ↑ @keyframes rule (Internet Explorer), Microsoft
- ↑ "@-ms-viewport rule", Internet Explorer Dev Center (Microsoft)
- ↑ ":valid pseudo-class (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
- ↑ ":invalid pseudo-class (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
- ↑ ":required pseudo-class (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
- ↑ ":optional pseudo-class (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
- ↑ Hopkins, James, Attribute selector (which matches the attribute, 'colspan' for TD and TH elements) matches every TD and TH element
- ↑ Hammond, David, Comment on "IE 8 CSS 2.1 support results"
- ↑ :first-letter Ignore Bug, hasLayout.net
- ↑ Hopkins, James, Declaration which includes !important keyword is ignored when used within a :first-letter or :first-line rule
- ↑ Box-shadow, one of CSS3′s best new features - Browser's support (including IE9), WEBFLUX
- ↑ content property doesn't return the value of an attribute when attribute is dynamically
- ↑ "background-position-y property (Internet Explorer)". https://msdn.microsoft.com''. MSDN. Retrieved 16 Feb 2015.
- ↑ "font-size-adjust property (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
- ↑ "font-feature-settings property (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
- ↑ "@font-face rule (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
- ↑ "-ms-hyphens property (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
- ↑ "-ms-hyphenate-limit-zone property (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
- ↑ "-ms-hyphenate-limit-chars property (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
- ↑ "-ms-hyphenate-limit-lines property (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
- ↑ "text-shadow property (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
- ↑ CSS 3 Text: A Tale of writing-mode Woe
- ↑ "-ms-text-combine-horizontal property". Microsoft. Retrieved 8 November 2013.
- ↑ "@media rule (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
- ↑ "Multi-column Layout (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
- ↑ "-ms-grid-columns property". Microsoft. Retrieved 8 November 2013.
- ↑ "-ms-grid-row property". Microsoft. Retrieved 8 November 2013.
- ↑ "Animations (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
- ↑ "Transforms (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
- ↑ "Transitions (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
- ↑ "Regions (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
- ↑ "Exclusions (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
- ↑ Talbot, Inherited margin with inherit keyword: the computed value's parent should be inherited
- ↑ Groot, Sven, Overflow: scroll causes element to always have its max-height
- ↑ Hopkins, James, visibility:visible applied to inline element doesn’t override inherited visibility:hidden value applied to it’s block-level parent
- ↑ Content: attr(x) isn't updated when the attribute's value change
- ↑ Shadow Filter, Microsoft
- ↑ DropShadow Filter, Microsoft
- ↑ Positioning
- ↑ Hopkins, James, Illegal parsing of a z-index decimal value, instead of an integer
- ↑ Alpha Filter, Microsoft
- ↑ IE7-/Escaping Background Image Bug - Demo 1
- ↑ IE7-/Escaping Background Image Bug - Demo 2
- ↑ Koch, Peter-Paul, IE Windows and Opera - font-weight: 600 vs. bold, QuirksMode
- ↑ Hopkins, James, 'text-align' value isn't inherited by ':before' and ':after' pseudo elements
- ↑ Font and Text, Microsoft
- ↑ Flexible Box ("Flexbox") Layout, Mircosoft
- ↑ CSS Device Adaptation with @viewport, Treehouse Blog
- ↑ CSS Device Adaptation with @viewport, Treehouse Blog
- ↑ "Gradients (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
Gecko references
- ↑ @suppors - CSS, MDN
- ↑ Bug 966166 - Implement @counter-style rule, Mozilla
- ↑ 3.0 3.1 "What’s New", Firefox 19 Release Notes (Mozilla)
- ↑ Bug 418039 - CSS parent (has-child) and ancestor (has-descendant) selectors (:subject), Mozilla
- ↑ Bug 813187 - Support CSS 2.1 @page Page Selectors, Mozilla
- ↑ Bug 506554 - Implement the CSS3 pseudo-classes :required and :optional, Mozilla
- ↑ Bug 312971 - Support :read-only and :read-write pseudoclasses, Mozilla
- ↑ Bug 561154 - fix specificity of :-moz-any(), Mozilla
- ↑ Bug 562169 - Implement the :dir(rtl/ltr) selector to select on HTML directionality, Mozilla
- ↑ Bug 83484 - Implement :-moz-any-link pseudo-class, Mozilla
- ↑ Bug 648722 - Add support for :scope as :-moz-scope, Mozilla
- ↑ Bug 509958 - Remove the -moz prefix from ::selection, Mozilla
- ↑ Bug 237119 - property 'display' is ignored for generated content, Mozilla
- ↑ Bug 842329 - [css3-cascade] implement the 'all' shorthand, Mozilla
- ↑ Bug 451134 - change -moz-border-radius* properties to css3-background names, Mozilla
- ↑ Bug 378217 - implement css3 'border-image' property, Mozilla
- ↑ Bug 497995 - Implement border-image revisions in latest css3-background, Mozilla
- ↑ Bug 590039 - fix blur radius computation and rename -moz-box-shadow to box-shadow, Mozilla
- ↑ Bug 470547 - Spread (4th length) for text-shadow not supported, Mozilla
- ↑ Bug 613659 - implement box-decoration-break: Left/right part of a box-shadow should only be drawn on the first/last continuation of an inline box, Mozilla
- ↑ Bug 549809 - Rename background-origin and background-clip properties and values to match css3-background, Mozilla
- ↑ Bug 3512 - (font-stretch) Implement font-stretch property, Mozilla
- ↑ Bug 549861 - (font-variant) implement parsing of font feature properties, Mozilla
- ↑ Bug 475891 - (unicode-range) implement unicode-range support in user font set, Mozilla
- ↑ Bug 249159 - implement 'word-break' properties of CSS3, Mozilla
- ↑ hyphens - MDN Docs, Mozilla (Only English)
- ↑ Bug 587438 - word-wrap, Mozilla
- ↑ Bug 536557 - Implement CSS3 text-align-last, Mozilla
- ↑ Bug 276079 - Implement text-justify property(but 'auto', 'inter-word', 'inter-ideograph' and 'distribute' only), Mozilla
- ↑ Bug 59109 - implement CSS3 text module's text-decoration-style and text-decoration-color, Mozilla
- ↑ Firefox 6 for developers, Mozilla
- ↑ Bug 145503 - (writing-mode) CSS3 writing-mode (vertical text), Mozilla
- ↑ Implement 'box-sizing', Mozilla
- ↑ Bug 553576 - Implement css resize property behaviour, Mozilla
- ↑ Bug 312156 - implement text-overflow: ellipsis from CSS3 text, Mozilla
- ↑ Bug 132035 - Implement missing page-break-* CSS2.1 features, Mozilla
- ↑ Bug 137367 - Implement orphans and widows, Mozilla
- ↑ Bug 851937 - Support for @page size, Mozilla
- ↑ Bug 825771 - [css3-images] implement 'image-orientation' property, Mozilla
- ↑ Bug 624647 - [css3-images] Implement object-fit and object-position CSS properties, Mozilla
- ↑ Bug 47159 - Support css3-speech (previously Aural Style Sheet) properties in getComputedStyle, Mozilla
- ↑ Bug 256274 - Implement CSS ruby module, Mozilla
- ↑ Bug 684062 - Compare spec and implement CSS multi-column support, Mozilla
- ↑ Bug 446569 - Implement CSS3 columns shorthand, Mozilla
- ↑ Bug 549114 - Support Column Breaks, Mozilla
- ↑ Bug 695222 - Implement column-fill, Mozilla
- ↑ Bug 616436 - column-span not implemented (css3 multicolumn), Mozilla
- ↑ Bug 616605 - CSS Grid Layout, Mozilla
- ↑ Bug 435442 - Implement Webkit's CSS Animation proposal, Mozilla
- ↑ 50.0 50.1 Bug 435441 - get CSS transitions complete enough to ship, Mozilla
- ↑ Bug 783409 - Turn on CSS flexbox in builds by default (by enabling pref, build flag, etc), Mozilla
- ↑ Bug 674802 - implement CSS3 Regions, Mozilla
- ↑ Bug 674804 - implement CSS3 Exclusions, Mozilla
- ↑ Bug 1057180 - Turn on CSS Filters by default (by enabling about:config pref), Mozilla
- ↑ Bug 795567 - Implement touch-action CSS property for Pointer Events, Mozilla
- ↑ Bug 945584 - Implement CSS scroll snapping, Mozilla
- ↑ Bug 382721 - Dotted/dashed -moz-border-radiused corners are rendered as solid, Mozilla
- ↑ Bug 843718 - (css-counter-styles-3) Implement CSS Counter Styles Level 3, Mozilla
- ↑ Bug 475891 - (unicode-range) implement unicode-range support in user font set, Mozilla
- ↑ Bug 363249 - implement css3-values calc(), Mozilla
- ↑ Bug 363250 - implement toggle() expression, Mozilla
- ↑ Bug 978478 - Support repeat() in CSS Grid templates, Mozilla
- ↑ Bug 546052 - Support CSS transitions with background-image images (cross-fading), Mozilla
- ↑ Bug 716628 - Support "turn" unit from CSS3 Values and Units, Mozilla
- ↑ Bug 435441 - Implement Webkit's CSS Transitions proposal, Mozilla
- ↑ Bug 1057180 - Turn on CSS Filters by default (by enabling about:config pref), Mozilla
- ↑ Bug 773296 - CSS Variables, Mozilla
- ↑ Bug 282126 - What to do about the 'ch' length unit? (Mozilla vendor specific), Mozilla
Webkit references
- ↑ @suppors - CSS, MDN
- ↑ Bug 747754 - [CSS-WD] implement CSS Device Adaptation, Mozilla
- ↑ Bug 35329 - Enhance CSS parser for Paged Media (Iteration 1), WebKit
- ↑ Bug 85062 - Support CSS 3 Paged Media Margin Boxes, WebKit
- ↑ Bug 38731 - Make CSS Parser properly handle only-for-pages pseudo-classes, WebKit
- ↑ Bug 27458 - Support :default HTML5 CSS selector, Webkit
- ↑ Bug 27357 - Support :valid/:invalid CSS selectors, Webkit
- ↑ Bug 29071 - Support for :in-range and :out-of-range CSS selectors, Webkit
- ↑ Bug 25551 - Support for HTML5 Forms "required" attribute, Webkit
- ↑ Bug 3409 - CSS1: Safari ignores "text-transform" attribute in "first-line" CSS rules, Webkit
- ↑ Bug 23209 - [RFE] CSS Generated Content does not transition, Webkit
- ↑ Bug 27578 - Drop the prefix from the border-radius properties, Webkit
- ↑ Bug 51448 - Support unprefixed box-shadow property, WebKit
- ↑ Bug 27576 - [CSS3 Backgrounds and Borders] Implement box-decoration-break, WebKit
- ↑ Bug 3234 - CSS2: Implement better quote support (for the q tag), Webkit
- ↑ Bug 27562 - Drop the prefixes from background-clip and background-origin, WebKit
- ↑ [CSS3 Backgrounds and Borders] Drop the prefix from background-size, WebKit
- ↑ Bug 15257 - Support CSS 3 font-size-adjust, Webkit
- ↑ Bug 12530 - CSS3: Support the font-stretch property, Webkit
- ↑ Bug 63796 - Master: Support CSS3 font feature properties, Webkit
- ↑ Bug 76173 - CSS3: text-align-last on webkit, Webkit
- ↑ Bug 18109 - Implement hanging punctuation, Webkit
- ↑ Bug 58491 - [css3-text] Support text-decoration-* properties from CSS3 Text, Webkit
- ↑ Bug 46123 - Implement writing-mode support for all of layout (master bug), WebKit
- ↑ Bug 36713 - Support box-sizing without the vendor prefix, WebKit
- ↑ Bug 10894 - CSS "size" property is not supported, Webkit
- ↑ Bug 46827 - AX: implement CSS3 Speech "speak", WebKit
- ↑ Bug 15552 - Support CSS3 column-break-before and column-break-after, WebKit
- ↑ Bug 39498 - [CSS3 Multi-column] Floating elements are rendered below the columns, WebKit
- ↑ Bug 15550 - WebKit does not support CSS3 column-span:, Webkit
- ↑ Bug 60731 - Implement CSS3 Grid Layout (master bug), Webkit
- ↑ flex - CSS, MDN
- ↑ filter - CSS, MDN
- ↑ Bug 25016 - max-width and max-height are not overriding the width and height properties when 'display' set to 'table', Webkit
- ↑ Bug 8735 - CSS 2.1 visibility: collapse rendered as visibility: hidden, Webkit
- ↑ Bug 16662 - CSS3: Implement calc(), Webkit
- ↑ Can I use Viewport units, Can I Use
- ↑ filter - CSS, MDN
Presto references
- ↑ An introduction to meta viewport and @viewport, dev.Opera
- ↑ Storey, David (2010-11-23). "First browser to 11 (unless Chrome gets there first)". Opera. Archived from the original on 2010-12-08. Retrieved 2010-11-23.
- ↑ Haavard (2010-08-09), New 10.70 snapshot with more Presto updates, Opera, archived from the original on 2010-08-19
- ↑ Haavard (2010-08-03), Presto update for Opera 10.70, Opera, archived from the original on 2010-08-06
- ↑ "CSS Multi-column Layout Module support in Opera Presto 2.8". Opera. 2011-03-06. Retrieved 2011-03-06.
- ↑ Koch, Peter-Paul, :before/:after and content, Quirksmode
- ↑ Lawson, Bruce (2011-12-06). "Hello Opera 11.60!". Opera. Archived from the original on 2012-01-08. Retrieved 2012-05-05.
- ↑ Quantization error for em values in Opera 7–9.2, archived from the original on 2008-03-21
Prince XML references
- ↑ 1.0 1.1 1.2 Prince: Unsupported features in CSS 2.1, YesLogic
Other references
- ↑ Amaya Binary Releases, Most recent download link in stable
- ↑ "Firefox — Notes (37.0.2) — Mozilla". mozilla.org. 2015-04-20. Retrieved 2015-04-20.
- ↑ "Firefox — Notes (31.6.0) — Mozilla". mozilla.org. 2015-03-31. Retrieved 2015-03-31.
- ↑ "Firefox — Beta Notes (38.0beta) — Mozilla". 2015-04-03. Retrieved 2015-04-03.
- ↑ "Mozilla Firefox Web Browser — Download Firefox Beta in your language — Mozilla". Retrieved 2015-04-29.
- ↑ "Firefox — Aurora Notes (39.0a2) — Mozilla". 2015-04-03. Retrieved 2015-04-05.
- ↑ "RapidRelease/Calendar - MozillaWiki". Retrieved 2015-02-26.
- ↑ Download for kdelibs, Most recent download link in stable
- ↑ MDN: Web technology for developers: font kerning
- "W3C". CSS 1 test suite. Retrieved May 1, 2005.
- "W3C". CSS 2.1 test suite. Retrieved May 1, 2005.
- "mozilla.org Bugzilla". Bug 281960 - [devmo] Mozilla CSS support chart. Retrieved July 13, 2005.
- "Mozilla Developer Center". Mozilla CSS support chart. Retrieved May 21, 2006.
- "Opera Documentation". Web Specifications Supported in Opera - CSS. Retrieved May 1, 2005.
- "Internet & Web - Safari". CSS Support in Safari. Retrieved July 13, 2005.
- "Konqueror Homepage". CSS 2.1 & 3 Support in KHTML 3.4. Retrieved July 13, 2005.
- "Apple Developer Connection". Safari CSS Reference. Retrieved July 14, 2005.
- "Prince XML". Release Changelog.
- "Prince XML". Unsupported CSS2.1 features.
- "Microsoft MSDN". CSS Compatibility and Internet Explorer. Retrieved Sep 29, 2009.
External links
- WebDevout — mostly covers Windows browsers. Extensive bug testing.
- Can I use — comparison tables for HTML5 and CSS3
- QuirksMode — comprehensive and current as of April 2012.
- The CSS3 Test — checks which CSS3 features the browser recognizes
Active Inactive Comparison of
layout engines