Comparison of layout engines (CSS)
Encyclopedia
The following tables compare CSS
Cascading Style Sheets
Cascading Style Sheets is a style sheet language used to describe the presentation semantics of a document written in a markup language...

 compatibility and support for a number of layout engine
Layout engine
A web browser engine, , is a software component that takes marked up content and formatting information and displays the formatted content on the screen. It "paints" on the content area of a window, which is displayed on a monitor or a printer...

s. 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.

CSS version support

See the article Cascading Style Sheets
Cascading Style Sheets
Cascading Style Sheets is a style sheet language used to describe the presentation semantics of a document written in a markup language...

 for more information on the different versions of CSS. This table doesn't reference CSS2.0, as CSS2.1 was intended to replace it by correcting or removing a few errors and features rejected by the CSS community. Most of the removed CSS2 features will be made obsolete by CSS3.
>
CSS1
CSS2.1
CSS3

Grammar and rules

> >
CSS2 important Weight increasing
/*Comment*/ Comments
@import Import stylesheet
@charset Character set
@media Media-specific rules
@page For paged media
CSS3 @namespace Namespace declaration
@font-face Define font
@phonetic-alphabet Phonetic pronunciation
@region Region flow segment

Trident grammar and rule notes

  1. !important — Prior to 7.0, !important doesn't override rules defined later in the same declaration block.
  2. @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

  1. @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

>
Element selectors
CSS2 * Universal rowspan="5"
E Element
E.class Class
E#id ID
CSS3 ns>E Namespaced
Relationship selectors
CSS2 E F Descendant rowspan="3"
E > F Child
E + F Direct adjacent
CSS3 E ~ F Indirect adjacent
CSS4 $E > F Subject
Attribute selectors
CSS2 E[attr] Has rowspan="4"
E[attr="value"] Equals
E[attr~="value"] Contains (space-separated)
E[attr>="value"] Contains (hyphen-separated)
CSS3 E[attr^="value"] Begins with
E[attr$="value"] Ends with rowspan="3"
E[attr*="value"] Contains substring
E[ns>attr] Namespaced
Pseudo-classes
CSS2 E:link Unvisited hyperlink rowspan="10"
E:visited Visited hyperlink
E:active Active
E:hover Mouseover
E:focus Focused
E:first-child First child
E:lang Language
@page:first First page rowspan="3" rowspan="3" rowspan="3" rowspan="3" rowspan="3"
@page:left Left page
@page:right Right page
CSS3 E:root Root rowspan="17" rowspan="2" rowspan="2" rowspan="16" rowspan="12" rowspan="12"
E:not Negation
E:empty Empty
E:first-of-type First child of type rowspan="13"
E:last-child Last child
E:last-of-type Last child of type
E:only-child Only child
E:only-of-type Only child of type
E:nth-child Nth child
E:nth-last-child Nth last child
E:nth-of-type Nth child of type
E:nth-last-of-type Nth last child of type
E:target Target rowspan="14"
E:enabled Enabled state rowspan="3"
E:disabled Disabled state
E:checked Checked state
E:indeterminate Indeterminate state
E:default Default rowspan="9" rowspan="7"
E:valid Valid rowspan="4" rowspan="2" rowspan="6"
E:invalid Invalid
E:in-range In range rowspan="2"
E:out-of-range Out of range
E:required Required rowspan="2" rowspan="2"
E:optional Optional
E:read-only Read-only rowspan="2" rowspan="2" rowspan="2" rowspan="2"
E:read-write Read and write
Pseudo-elements
CSS2 E:first-letter First letter rowspan="2" rowspan="2" rowspan="4" rowspan="4"
E:first-line First line
E:before Before rowspan="2" rowspan="2" rowspan="2" rowspan="2"
E:after After
CSS3 E::before Double colon notation rowspan="5" rowspan="2" rowspan="2" rowspan="5" rowspan="4" rowspan="3"
E::after Double colon notation
E::first-letter Double colon notation rowspan="2"
E::first-line Double colon notation
E::selection Selection

General selector notes

  1. :read-only and :read-write — Both Presto and KHTML handle the case of the contenteditable attribute incorrectly.
  2. ::selection has been removed from the CSS3 specification, but is still supported by many browsers.

Trident selector notes

  1. :active — Prior to 8.0, :active is only supported on anchor elements.
  2. :hover — Prior to 7.0, :hover is only supported on anchor elements.
  3. .one.two — Prior to 7.0, only .two class selector was taken into consideration.
  4. * — Prior to 7.0 this was treated as a single or no element.
  5. [attr] — Matches every td and th in a table when the attribute is colspan (regardless of whether any actually have a colspan attribute). This may not actually be a bug, as ambiguity exists in the specification.
  6. :first-letter, :first-line — Prior to IE9 in 6.0, combining :first-letter rules with others may be problematic. In 8.0, rules with !important are ignored inside :first-line and :first-letter declarations.

Gecko selector notes

  1. (:):before, (:):after — CSS2.0 behavior : some properties are unimplemented prior to 1.9.1.

WebKit selector notes

  1. :lang — Only detected when explicitly present on element being tested, attribute not inherited.
  2. (:):first-linetext-transform doesn't apply with this pseudo-element.
  3. (:):before/after — some styles can't be applied to :before and :after pseudo-elements, such as animations and transitions.

Presto selector notes

  1. :target — Prior to 2.5, styles aren't applied when navigating using back and forward buttons.

Properties

> >
Box Model
CSS2 margin rowspan="13"
padding
width
height
float
clear
display
min-width
max-width
min-height
max-height
clip
overflow
visibility
CSS3 overflow-x rowspan="2" rowspan="2" rowspan="2" rowspan="2" rowspan="2" rowspan="2"
overflow-y
Borders
CSS2 border rowspan="8" rowspan="8" rowspan="8" rowspan="8" rowspan="8"
border-color
border-style
border-width
border-top rowspan="4"
border-right
border-bottom
border-left
CSS3 border-radius
border-image rowspan="6" rowspan="6" rowspan="6"
border-image-source rowspan="5" rowspan="5" rowspan="5"
border-image-slice
border-image-width
border-image-outside
border-image-repeat
box-shadow
box-decoration-break
Line Layout
CSS2 line-height rowspan="2"
vertical-align
Positioning
CSS2 position rowspan="6"
top
right
bottom
left
z-index
Generated and Replaced Content
CSS2 quotes
content
counter-increment rowspan="2"
counter-reset
Lists
CSS2 list-style rowspan="4"
list-style-image
list-style-position
list-style-type
Colors
CSS2 color
CSS3 opacity
Backgrounds
CSS2 background rowspan="6" rowspan="6" rowspan="6" rowspan="6"
background-attachment
background-color
background-image
background-position
background-repeat
CSS3 background (multiple) rowspan="4" rowspan="4" rowspan="4"
background-clip rowspan="3" rowspan="2" rowspan="3"
background-origin
background-size
Fonts
CSS2 font
font-family rowspan="4"
font-size
font-style
font-variant
font-weight
CSS3 font-size-adjust
font-stretch
font-feature-settings
Text
CSS2 text-align rowspan="6"
text-decoration
text-indent
text-transform
letter-spacing
word-spacing
white-space
CSS3 text-shadow
text-overflow
word-break
hyphens (Only English)
hyphenate-characters rowspan="7" rowspan="7" rowspan="7" rowspan="7" rowspan="7"
hyphenate-limit-zone
hyphenate-limit-chars
hyphenate-limit-word
hyphenate-limit-lines
hyphenate-limit-last
hyphenate-resource
text-wrap
word-wrap
text-align-last
text-align-first
text-justify
punctuation-trim
text-emphasis
text-outline
hanging-punctuation
text-decoration-style rowspan="3"
text-decoration-color
text-decoration-line
text-decoration-skip
text-underline-position
Writing Modes
CSS2 direction rowspan="2"
unicode-bidi
CSS3 writing-mode
text-combine
Tables
CSS2 border-collapse rowspan="5"
border-spacing
caption-side
empty-cells
table-layout
User interface
CSS2 cursor
outline rowspan="4"
outline-color
outline-style
outline-width
CSS3 outline-offset
box-sizing
resize
appearance
icon
nav-index rowspan="5"
nav-up
nav-right
nav-down
nav-left
Paged media
CSS2 page-break-before rowspan="2" rowspan="2" rowspan="2" rowspan="5" rowspan="5"
page-break-after
page-break-inside rowspan="3" rowspan="3"
orphans rowspan="2"
widows
CSS3 page
size
image-orientation
object-fit rowspan="2"
object-position
Speech
CSS3 cue rowspan="23" rowspan="23" rowspan="6" rowspan="23" rowspan="8" rowspan="23"
cue-after
cue-before
pause
pause-after
pause-before
speak
voice-family rowspan="16"
voice-balance rowspan="9"
voice-duration
voice-pitch
voice-pitch-range
voice-rate
voice-stress
voice-volume
interpret-as
phonemes
rest rowspan="6"
rest-after
rest-before
mark
mark-after
mark-before
Media Queries
CSS3 width rowspan="13" rowspan="11" rowspan="8" rowspan="9" rowspan="5" rowspan="13"
height
device-width
device-height
device-aspect-ratio
color rowspan="4"
color-index
monochrome
resolution rowspan="5"
orientation rowspan="2"
aspect-ratio
grid rowspan="2" rowspan="2" rowspan="2"
scan
Ruby characters
CSS3 ruby-position rowspan="3" rowspan="4" rowspan="4" rowspan="4" rowspan="4" rowspan="4"
ruby-align
ruby-overhang
ruby-span
Multi-column Layout
CSS3 column-count rowspan="5" rowspan="4" rowspan="5" rowspan="10" rowspan="10" rowspan="5"
column-width
column-gap
column-rule
columns
break-before rowspan="3" rowspan="3" rowspan="2" rowspan="4"
break-after
break-inside rowspan="1"
column-fill rowspan="2"
column-span
Grid layout
CSS3 Grid rowspan="15" rowspan="15" rowspan="15" rowspan="15" rowspan="15" rowspan="15"
grid-rows
grid-columns
grid-row
grid-column
grid-cell-stacking
grid-template
grid-column-span
grid-row-span
grid-column-sizing
grid-row-sizing
grid-flow
grid-column-align
grid-row-align
grid-layer
Animation
CSS3
animation rowspan="8" rowspan="8" rowspan="8" rowspan="8" rowspan="8" rowspan="8"
animation-delay
animation-direction
animation-duration
animation-iteration-count
animation-name
animation-play-state
animation-timing-function
2D Transforms
CSS3
transform rowspan="2" rowspan="2" rowspan="2" rowspan="2" rowspan="2" rowspan="2"
transform-origin
3D Transforms
CSS3
transform rowspan="6" rowspan="6" rowspan="6" rowspan="6" rowspan="6" rowspan="6"
transform-origin
transform-style
perspective
perspective-origin
backface-visibility
Transitions
CSS3
transition-property rowspan="5" rowspan="5" rowspan="5" rowspan="5" rowspan="5" rowspan="5"
transition-duration
transition-timing-function
transition-delay
transition
Flexible Box Layout
CSS3
flex-align rowspan="5" rowspan="5" rowspan="5" rowspan="5" rowspan="5" rowspan="5"
flex-flow
flex-line-pack
flex-order
flex-pack
Marquee
CSS3
marquee-direction rowspan="5" rowspan="5" rowspan="4" rowspan="5" rowspan="5" rowspan="5"
marquee-play-count
marquee-speed
marquee-style
overflow-style
Regions
CSS3
flow-into rowspan="6" rowspan="6" rowspan="6" rowspan="6" rowspan="6" rowspan="6"
flow-from
region-overflow
break-before
break-after
break-inside

General property notes

  1. text-decorationunderline is drawn across inline replaced elements (e.g. images) in Gecko or Webkit.

Trident property notes

  1. margininherit inherits the computation and recomputes it instead of inheriting the computed value.
  2. 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.
  3. 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. This has been fixed in IE9.
  4. 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.
  5. content — In 8.0, computed attr values are not updated when the attribute changes.
  6. border-color — Prior to 7.0, transparent is not supported.
  7. border-style — Prior to 8.0, hidden is not supported.
  8. border-style — Prior to 7.0, dotted is rendered as dashed.
  9. 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 and DropShadow filters.
  10. position — Prior to 7.0, fixed positioning was not supported. 7.0 and later support it in standards-compliant mode only.
  11. z-index — Prior to 8.0, z-index is only partially supported. In 8.0, floating point values are accepted in addition to integers.
  12. list-style-type — Prior to 8.0, armenian, decimal-leading-zero, georgian, lower-greek, lower-latin, upper-latin are not supported.
  13. opacity — Prior to 9.0, Trident supported a proprietary alternative.
  14. background-image — Prior to 8.0, background images are badly positioned in some cases.
  15. background-attachment — Prior to 7.0, fixed was allowed on the body element only.
  16. background-position — Prior to 8.0, fixed positioning is not supported.
  17. font-weight — Prior to 8.0, incorrect rendering when value is 600.
  18. text-align — In 8.0, text-align isn't inherited by :before and :after pseudo-elements.
  19. 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.
  20. cursor — Does not fail on non-prefixed vendor extensions.

Gecko property notes

  1. display — Prior to 1.9, inline-table and inline-block were unsupported.
  2. z-index — Negatives values are badly supported prior to 1.9.
  3. quotes — Does not support nested quotes prior to 1.8.
  4. contentnone 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.
  5. background-position — Versions prior to 1.7 implement the CSS2 syntax, not the proposed CSS2.1 expanded syntax.
  6. font-size-adjust — Prior to 1.9, supported on Windows only.
  7. 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.
  8. white-spacepre-line is not supported prior to 1.9.1. Prior to 1.9, pre-wrap was only supported experimentally as -moz-pre-wrap.
  9. visibilitycollapse is unsupported prior to 1.8.
  10. 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.
  11. page-break-before; page-break-after — Only the always and auto values are supported.

WebKit property notes

  1. font — The system font keywords that allow designers to tailor presentation to the user's operating system environment are unsupported.
  2. font-weight — Only Regular and Bold weights get used, even if Light or Heavy/Black faces are installed.
  3. page-break-before; page-break-after — Only the always and auto values are supported.
  4. white-space — Prior to 522, pre-line and pre-wrap are unsupported.
  5. visibilitycollapse is unsupported prior to 522. Its implementation has the same effect as hidden and is therefore not compliant.
  6. content — The none, open-quote, close-quote, no-open-quote, no-close-quote and normal values is 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.
  7. 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

  1. overflow — Values scroll and auto are unsupported.
  2. page-break-before; page-break-after — Before 3.5 only the always and auto values were supported.
  3. visibility — All properties are supported, but the implementation of collapse has the same effect as hidden and is therefore not compliant.

Presto property notes

  1. counter-increment, counter-reset — Implemented the algorithm in REC CSS2.
  2. background-position — Presto versions prior to Opera 8.0 implement the CSS2 syntax, not the proposed CSS2.1 expanded syntax.
  3. font-weight — Incorrect rendering when value is 600. Renders the text in a compatibility mode for websites made for Trident.
  4. 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.
  5. cursorcursor is ignored with dynamic pseudo-classes and custom cursors are unsupported.
  6. content — Prior to 2.7, the none value was unsupported.
  7. fontinherit 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

  1. visibility — The value collapse is unsupported.
  2. list-style — The values armenian and georgian are unsupported.
  3. content — The values open-quote and close-quote are unsupported.

Values and units

>
Numbers
CSS2 <number> A floating-point number rowspan="4" rowspan="4" rowspan="4" rowspan="4" rowspan="4" rowspan="4"
<length> <number> followed by units
<percentage> <number> followed by %
<integer> An integer
Integer
The integers are formed by the natural numbers together with the negatives of the non-zero natural numbers .They are known as Positive and Negative Integers respectively...

CSS3 <angle> <number> angle-unit rowspan="2" rowspan="4"
<time> <number> time-unit rowspan="2" rowspan="2"
<frequency> <number> frequency-unit rowspan="2" rowspan="2" rowspan="2"
<fraction> Remaining space
Strings
CSS2 <string> String rowspan="2" rowspan="2" rowspan="2" rowspan="2" rowspan="2"
\code Unicode escapes
Shapes
CSS2 rect A rectangle
Rectangle
In Euclidean plane geometry, a rectangle is any quadrilateral with four right angles. The term "oblong" is occasionally used to refer to a non-square rectangle...

Functions
CSS2 url Uniform Resource Identifier
Uniform Resource Identifier
In computing, a uniform resource identifier is a string of characters used to identify a name or a resource on the Internet. Such identification enables interaction with representations of the resource over a network using specific protocols...

rowspan="3" rowspan="3" rowspan="3" rowspan="3" rowspan="3"
counter rowspan="2"
attr Attribute identifier
CSS3 calc
Colors
CSS2 HTML4 color keywords 16 predefined web colors
Web colors
Web colors are colors used in designing web pages, and the methods for describing and specifying those colors. Hexadecimal color codes begin with a hash ....

rowspan="2" rowspan="4" rowspan="4" rowspan="4" rowspan="4" rowspan="4"
#rrggbb or #rgb Hexadecimal
Hexadecimal
In mathematics and computer science, hexadecimal is a positional numeral system with a radix, or base, of 16. It uses sixteen distinct symbols, most often the symbols 0–9 to represent values zero to nine, and A, B, C, D, E, F to represent values ten to fifteen...

 notation
rgb(r, g, b) RGB
RGB color model
The RGB color model is an additive color model in which red, green, and blue light is added together in various ways to reproduce a broad array of colors...

 notation
system colors 28 predefined system colors
CSS3 SVG color keywords
currentColor The value of the color property. rowspan="4"
rgba(r, g, b, a) RGBA
RGBA color space
RGBA stands for Red Green Blue Alpha. While it is sometimes described as a color space, it is actually simply a use of the RGB color model, with extra information. The color is RGB, and may belong to any RGB color space, but an integral alpha value as invented by Catmull and Smith between 1971 and...

 notation
rowspan="4"
hsl(h, s, l) HSL
HSL color space
HSL and HSV are the two most common cylindrical-coordinate representations of points in an RGB color model, which rearrange the geometry of RGB in an attempt to be more intuitive and perceptually relevant than the cartesian representation...

 notation
rowspan="2"
hsla(h, s, l, a) HSLA notation
transparent Full transparency
Image values
CSS2 <url> Image types
CSS3 <sprite> rowspan="2" rowspan="8" rowspan="8"
<image-list>
<linear-gradient> rowspan="6" rowspan="6" rowspan="6" rowspan="6"
<radial-gradient>
linear-gradient Color gradients
radial-gradient
repeating-linear-gradient
repeating-radial-gradient
Keywords
CSS2 auto Automatically calculated rowspan="2" rowspan="2" rowspan="2" rowspan="2" rowspan="2"
inherit Inherited from the parent
CSS3 initial
Units
CSS2 px Pixel
Pixel
In digital imaging, a pixel, or pel, is a single point in a raster image, or the smallest addressable screen element in a display device; it is the smallest unit of picture that can be represented or controlled....

rowspan="9" rowspan="9" rowspan="9" rowspan="9" rowspan="9" rowspan="9"
pt Point
Point (typography)
In typography, a point is the smallest unit of measure, being a subdivision of the larger pica. It is commonly abbreviated as pt. The point has long been the usual unit for measuring font size and leading and other minute items on a printed page....

pc Pica
cm Centimetre
mm Millimetre
in inch
em em
Em (typography)
An em is a unit of measurement in the field of typography, equal to the currently specified point size.The name of em is related to M. Originally the unit was derived from the width of the capital "M" in the given typeface....

ex ex
% Percentage
CSS3 deg Degree
Degree (angle)
A degree , usually denoted by ° , is a measurement of plane angle, representing 1⁄360 of a full rotation; one degree is equivalent to π/180 radians...

rowspan="6" rowspan="3" rowspan="3" rowspan="3" rowspan="3" rowspan="18"
grad Grad
Grad (angle)
The gradian is a unit of plane angle, equivalent to of a turn. It is also known as gon, grad, or grade . One grad equals of a degree or of a radian...

rad Radian
Radian
Radian is the ratio between the length of an arc and its radius. The radian is the standard unit of angular measure, used in many areas of mathematics. The unit was formerly a SI supplementary unit, but this category was abolished in 1995 and the radian is now considered a SI derived unit...

turn turn
Turn (geometry)
A turn is an angle equal to a 360° or 2 radians or \tau radians. A turn is also referred to as a revolution or complete rotation or full circle or cycle or rev or rot....

ms Millisecond
Millisecond
A millisecond is a thousandth of a second.10 milliseconds are called a centisecond....

rowspan="2" rowspan="4" rowspan="4" rowspan="2"
s Second
Second
The second is a unit of measurement of time, and is the International System of Units base unit of time. It may be measured using a clock....

Hz Hertz
Hertz
The hertz is the SI unit of frequency defined as the number of cycles per second of a periodic phenomenon. One of its most common uses is the description of the sine wave, particularly those used in radio and audio applications....

rowspan="7" rowspan="2" rowspan="2"
kHz Kilohertz
dpi Dots per inch
Dots per inch
Dots per inch is a measure of spatial printing or video dot density, in particular the number of individual dots that can be placed in a line within the span of 1 inch . The DPI value tends to correlate with image resolution, but is related only indirectly.- DPI measurement in monitor...

rowspan="2" rowspan="2" rowspan="2" rowspan="2"
dpcm Dots per centimetre
Dpcm
Dots per centimetre or dpcm is a unit of resolution, used as a metric alternative to dots per inch/dpi.It is used in CSS3 media queries, among other standards....

dppx Dots per pixel-unit
gd Cells in the layout-grid
fr Remaining space in a series of length values
rem the font size of the root element rowspan="5"
vw the viewport
Viewport
A viewport is a rectangular viewing region in computer graphics, or a term used for optical components. It has several definitions in different contexts:- Computing :...

's width
rowspan="3" rowspan="3" rowspan="3" rowspan="3"
vh the viewport
Viewport
A viewport is a rectangular viewing region in computer graphics, or a term used for optical components. It has several definitions in different contexts:- Computing :...

's height
vm the viewport
Viewport
A viewport is a rectangular viewing region in computer graphics, or a term used for optical components. It has several definitions in different contexts:- Computing :...

's height or width, whichever is smaller of the two
ch the width of the "0" (ZERO, U+0030) glyph found in the font for the font size used to render.

General value and unit notes

  1. 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 value. This simplifies the definition of those properties in CSS3.
  2. <angle> — The turn unit is unsupported.

Trident value and unit notes

  1. rect — Prior to 8.0, rect was not supported with the correct syntax using commas.
  2. auto — In quirks mode
    Quirks mode
    In computing, quirks mode refers to a technique used by some web browsers for the sake of maintaining backward compatibility with web pages designed for older browsers, instead of strictly complying with W3C and IETF standards in standards mode....

     (IE5 emulation mode), auto does not work for margins, except table elements.
  3. transparent — In 7.0 and 8.0, using transparent in the color property will render the text as black.
  4. 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

  1. <ch> — Prior to version 1.9.1, used the width of the "M" glyph instead of the width of the "0" glyph.

Presto value and unit notes

  1. <number> — Prior to 2.1, there existed a quantization
    Noncommutative geometry
    Noncommutative geometry is a branch of mathematics concerned with geometric approach to noncommutative algebras, and with construction of spaces which are locally presented by noncommutative algebras of functions...

    error for values greater than 20.47 (not limited to em, try any non-pixel units).
  2. 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.

Trident general notes

  1. -ms- — All experimental properties are prefixed with "-ms-", e.g. -ms-interpolation-mode instead of interpolation-mode.

Gecko general notes

  1. -moz- — All experimental selectors, properties and values are prefixed with "-moz-", e.g. ::-moz-selection instead of ::selection.

WebKit general notes

  1. -webkit- — All experimental selectors, properties and values are prefixed with "-webkit-", e.g. -webkit-box-shadow instead of box-shadow.

KHTML general notes

  1. -khtml- — All experimental selectors, properties and values are prefixed with "-khtml-", e.g. -khtml-opacity instead of opacity.

Presto general notes

  1. -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.
  2. -o- — All experimental properties are prefixed with "-o-", e.g. -o-transition-property instead of transition-property.

DOM equivalents to vendor-specific styles

  1. 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.

External links

The source of this article is wikipedia, the free encyclopedia.  The text of this article is licensed under the GFDL.
 
x
OK