The following tables compare CSS compatibility and support for a number of layout engines. Please see the individual products' articles for further information. This article is not all-inclusive or necessarily up-to-date. Unless otherwise specified in footnotes, comparisons are based on the stable versions without any add-ons, extensions or external programs.
† In Konqueror, the user can switch layout engine.
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.
!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 the url() 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.
: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 7] This may not actually be a bug, as ambiguity exists in the specification.[t 8]
:first-letter, :first-line — Prior to IE9 in 6.0, combining :first-letter rules with others may be problematic.[t 9] In 8.0, rules with !important are ignored inside :first-line and :first-letter declarations.[t 10]
Gecko selector notes
(:):before, (:):after — CSS2.0 behavior : some properties are unimplemented prior to 1.9.1.[g 10]
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 8]
(:):before/after — some styles can't be applied to :before and :after pseudo-elements, such as animations and transitions.[w 9]
Presto selector notes
:target — Prior to 2.5, styles aren't applied when navigating using back and forward buttons.
margin — inherit inherits the computation and recomputes it instead of inheriting the computed value.[t 37]
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 38] 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 39]
content — In 8.0, computed attr() values are not updated when the attribute changes.[t 40]
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 41] and DropShadow[t 42] 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 43] In 8.0, floating point values are accepted in addition to integers.[t 44]
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 45]
background-image — Prior to 8.0, background images are badly positioned in some cases.[t 46][t 47]
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 48]
text-align — In 8.0, text-align isn't inherited by :before and :after pseudo-elements.[t 49]
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 50]
cursor — Does not fail on non-prefixed vendor extensions.
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 47]
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.[w 32]
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 33]
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 5]
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]
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 margins, 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 53]
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 7]
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.
Tags: Comparison of layout engines (Cascading Style Sheets), Ilmu Komputer, 464, Perbandingan layout engines (Cascading Style Sheets) Cascading Style Sheets Dynamic CSS Perbandingan layout engines Perbandingan stylesheet languages Internet Explorer box model bug CSS Zen Garden The Zen of CSS Design CSSTidy Style sheet Tableless web design Holy Grail (web design) WikiBooks: Cascading Style Sheets The following tables compare CSS compatibility and support for a number of layout, Comparison of layout engines (Cascading Style Sheets), Bahasa Indonesia, Contoh Instruksi, Tutorial, Referensi, Buku, Petunjuk pasar, pts-ptn.net