
Comparison of layout engines (CSS)
Encyclopedia
The following tables compare CSS
compatibility and support for a number of layout engine
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.
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
>
CSS2
Weight increasing
Comments
Import stylesheet
Character set
Media-specific rules
For paged media
CSS3
Namespace declaration
Define font
Phonetic pronunciation
Region flow segment
>
>
Element selectors
CSS2
Universal
rowspan="5"
Element
Class
ID
CSS3
ns>E
Namespaced
Relationship selectors
CSS2
Descendant
rowspan="3"
Child
Direct adjacent
CSS3
Indirect adjacent
CSS4
Subject
Attribute selectors
CSS2
Has
rowspan="4"
Equals
Contains (space-separated)
E[attr>="value"]
Contains (hyphen-separated)
CSS3
Begins with
Ends with
rowspan="3"
Contains substring
E[ns>attr]
Namespaced
Pseudo-classes
CSS2
Unvisited hyperlink
rowspan="10"
Visited hyperlink
Active
Mouseover
Focused
First child
Language
First page
rowspan="3"
rowspan="3"
rowspan="3"
rowspan="3"
rowspan="3"
Left page
Right page
CSS3
Root
rowspan="17"
rowspan="2"
rowspan="2"
rowspan="16"
rowspan="12"
rowspan="12"
Negation
Empty
First child of type
rowspan="13"
Last child
Last child of type
Only child
Only child of type
Nth child
Nth last child
Nth child of type
Nth last child of type
Target
rowspan="14"
Enabled state
rowspan="3"
Disabled state
Checked state
Indeterminate state
Default
rowspan="9"
rowspan="7"
Valid
rowspan="4"
rowspan="2"
rowspan="6"
Invalid
In range
rowspan="2"
Out of range
Required
rowspan="2"
rowspan="2"
Optional
Read-only
rowspan="2"
rowspan="2"
rowspan="2"
rowspan="2"
Read and write
Pseudo-elements
CSS2
First letter
rowspan="2"
rowspan="2"
rowspan="4"
rowspan="4"
First line
Before
rowspan="2"
rowspan="2"
rowspan="2"
rowspan="2"
After
CSS3
Double colon notation
rowspan="5"
rowspan="2"
rowspan="2"
rowspan="5"
rowspan="4"
rowspan="3"
Double colon notation
Double colon notation
rowspan="2"
Double colon notation
Selection
>
Box Model
CSS2
rowspan="13"
CSS3
rowspan="2"
rowspan="2"
rowspan="2"
rowspan="2"
rowspan="2"
rowspan="2"
Borders
CSS2
rowspan="8"
rowspan="8"
rowspan="8"
rowspan="8"
rowspan="8"
rowspan="4"
CSS3
rowspan="6"
rowspan="6"
rowspan="6"
rowspan="5"
rowspan="5"
rowspan="5"
Line Layout
CSS2
rowspan="2"
Positioning
CSS2
rowspan="6"
Generated and Replaced Content
CSS2
rowspan="2"
Lists
CSS2
rowspan="4"
Colors
CSS2
CSS3
Backgrounds
CSS2
rowspan="6"
rowspan="6"
rowspan="6"
rowspan="6"
CSS3
rowspan="4"
rowspan="4"
rowspan="4"
rowspan="3"
rowspan="2"
rowspan="3"
Fonts
CSS2
rowspan="4"
CSS3
Text
CSS2
rowspan="6"
CSS3
(Only English)
rowspan="7"
rowspan="7"
rowspan="7"
rowspan="7"
rowspan="7"
rowspan="3"
Writing Modes
CSS2
rowspan="2"
CSS3
Tables
CSS2
rowspan="5"
User interface
CSS2
rowspan="4"
CSS3
rowspan="5"
Paged media
CSS2
rowspan="2"
rowspan="2"
rowspan="2"
rowspan="5"
rowspan="5"
rowspan="3"
rowspan="3"
rowspan="2"
CSS3
rowspan="2"
Speech
CSS3
rowspan="23"
rowspan="23"
rowspan="6"
rowspan="23"
rowspan="8"
rowspan="23"
rowspan="16"
rowspan="9"
rowspan="6"
mark-before
Media Queries
CSS3
rowspan="13"
rowspan="11"
rowspan="8"
rowspan="9"
rowspan="5"
rowspan="13"
rowspan="4"
rowspan="5"
rowspan="2"
rowspan="2"
rowspan="2"
rowspan="2"
Ruby characters
CSS3
rowspan="3"
rowspan="4"
rowspan="4"
rowspan="4"
rowspan="4"
rowspan="4"
Multi-column Layout
CSS3
rowspan="5"
rowspan="4"
rowspan="5"
rowspan="10"
rowspan="10"
rowspan="5"
rowspan="3"
rowspan="3"
rowspan="2"
rowspan="4"
rowspan="1"
rowspan="2"
Grid layout
CSS3
rowspan="15"
rowspan="15"
rowspan="15"
rowspan="15"
rowspan="15"
rowspan="15"
Animation
CSS3
rowspan="8"
rowspan="8"
rowspan="8"
rowspan="8"
rowspan="8"
rowspan="8"
2D Transforms
CSS3
rowspan="2"
rowspan="2"
rowspan="2"
rowspan="2"
rowspan="2"
rowspan="2"
transform-origin
3D Transforms
CSS3
rowspan="6"
rowspan="6"
rowspan="6"
rowspan="6"
rowspan="6"
rowspan="6"
Transitions
CSS3
rowspan="5"
rowspan="5"
rowspan="5"
rowspan="5"
rowspan="5"
rowspan="5"
Flexible Box Layout
CSS3
rowspan="5"
rowspan="5"
rowspan="5"
rowspan="5"
rowspan="5"
rowspan="5"
Marquee
CSS3
rowspan="5"
rowspan="5"
rowspan="4"
rowspan="5"
rowspan="5"
rowspan="5"
Regions
CSS3
rowspan="6"
rowspan="6"
rowspan="6"
rowspan="6"
rowspan="6"
rowspan="6"
>
>
Numbers
CSS2
A floating-point number
rowspan="4"
rowspan="4"
rowspan="4"
rowspan="4"
rowspan="4"
rowspan="4"
<number> followed by units
<number> followed by %
An integer
CSS3
<number> angle-unit
rowspan="2"
rowspan="4"
<number> time-unit
rowspan="2"
rowspan="2"
<number> frequency-unit
rowspan="2"
rowspan="2"
rowspan="2"
Remaining space
Strings
CSS2
String
rowspan="2"
rowspan="2"
rowspan="2"
rowspan="2"
rowspan="2"
Unicode escapes
Shapes
CSS2
A rectangle
Functions
CSS2
Uniform Resource Identifier
rowspan="3"
rowspan="3"
rowspan="3"
rowspan="3"
rowspan="3"
rowspan="2"
Attribute identifier
CSS3
Colors
CSS2
HTML4 color keywords
16 predefined web colors
rowspan="2"
rowspan="4"
rowspan="4"
rowspan="4"
rowspan="4"
rowspan="4"
Hexadecimal
notation
RGB
notation
system colors
28 predefined system colors
CSS3
SVG color keywords
The value of the
rowspan="4"
RGBA
notation
rowspan="4"
HSL
notation
rowspan="2"
HSLA notation
Full transparency
Image values
CSS2
Image types
CSS3
rowspan="2"
rowspan="8"
rowspan="8"
rowspan="6"
rowspan="6"
rowspan="6"
rowspan="6"
Color gradients
Keywords
CSS2
Automatically calculated
rowspan="2"
rowspan="2"
rowspan="2"
rowspan="2"
rowspan="2"
Inherited from the parent
CSS3
Units
CSS2
Pixel
rowspan="9"
rowspan="9"
rowspan="9"
rowspan="9"
rowspan="9"
rowspan="9"
Point
Pica
Centimetre
Millimetre
inch
em
ex
Percentage
CSS3
Degree
rowspan="6"
rowspan="3"
rowspan="3"
rowspan="3"
rowspan="3"
rowspan="18"
Grad
Radian
turn
Millisecond
rowspan="2"
rowspan="4"
rowspan="4"
rowspan="2"
Second
Hertz
rowspan="7"
rowspan="2"
rowspan="2"
Kilohertz
Dots per inch
rowspan="2"
rowspan="2"
rowspan="2"
rowspan="2"
Dots per centimetre
Dots per pixel-unit
Cells in the layout-grid
Remaining space in a series of length values
the font size of the root element
rowspan="5"
the viewport
's width
rowspan="3"
rowspan="3"
rowspan="3"
rowspan="3"
the viewport
's height
the viewport
's height or width, whichever is smaller of the two
the width of the "0" (ZERO, U+0030) glyph found in the font for the font size used to render.
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 SheetsCascading 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.
Grammar and rules
important/*Comment*/@import@charset@media@page@namespace@font-face@phonetic-alphabet@regionTrident grammar and rule notes
- !important — Prior to 7.0,
!importantdoesn'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 theurltoken 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
* EE.classE#idE FE > FE + FE ~ F$E > FE[attr]E[attr="value"]E[attr~="value"]E[attr^="value"]E[attr$="value"]E[attr*="value"]E:linkE:visitedE:activeE:hoverE:focusE:first-childE:lang@page:first@page:left@page:rightE:rootE:notE:emptyE:first-of-typeE:last-childE:last-of-typeE:only-childE:only-of-typeE:nth-childE:nth-last-childE:nth-of-typeE:nth-last-of-typeE:targetE:enabledE:disabledE:checkedE:indeterminateE:defaultE:validE:invalidE:in-rangeE:out-of-rangeE:requiredE:optionalE:read-onlyE:read-writeE:first-letterE:first-lineE:beforeE:afterE::beforeE::afterE::first-letterE::first-lineE::selectionGeneral selector notes
- :read-only and :read-write — Both Presto and KHTML handle the case of the
contenteditableattribute incorrectly. - ::selection has been removed from the CSS3 specification, but is still supported by many browsers.
Trident selector notes
- :active — Prior to 8.0,
:activeis only supported on anchor elements. - :hover — Prior to 7.0,
:hoveris only supported on anchor elements. - .one.two — Prior to 7.0, only
.twoclass selector was taken into consideration. - * — Prior to 7.0 this was treated as a single or no element.
- [attr] — Matches every
tdandthin a table when the attribute iscolspan(regardless of whether any actually have acolspanattribute). This may not actually be a bug, as ambiguity exists in the specification. - :first-letter, :first-line — Prior to IE9 in 6.0, combining
:first-letterrules with others may be problematic. In 8.0, rules with!importantare ignored inside:first-lineand:first-letterdeclarations.
Gecko selector notes
WebKit selector notes
- :lang — Only detected when explicitly present on element being tested, attribute not inherited.
- (:):first-line —
text-transformdoesn't apply with this pseudo-element. -
(:):before/after— some styles can't be applied to:beforeand:afterpseudo-elements, such as animations and transitions.
Presto selector notes
- :target — Prior to 2.5, styles aren't applied when navigating using back and forward buttons.
Properties
marginpaddingwidthheightfloatcleardisplaymin-widthmax-widthmin-heightmax-heightclipoverflowvisibilityoverflow-xoverflow-yborderborder-colorborder-styleborder-widthborder-topborder-rightborder-bottomborder-leftborder-radiusborder-imageborder-image-sourceborder-image-sliceborder-image-widthborder-image-outsideborder-image-repeatbox-shadowbox-decoration-breakline-heightvertical-alignpositiontoprightbottomleftz-indexquotescontentcounter-incrementcounter-resetlist-stylelist-style-imagelist-style-positionlist-style-typecoloropacitybackgroundbackground-attachmentbackground-colorbackground-imagebackground-positionbackground-repeatbackground (multiple)background-clipbackground-originbackground-sizefontfont-familyfont-sizefont-stylefont-variantfont-weightfont-size-adjustfont-stretchfont-feature-settingstext-aligntext-decorationtext-indenttext-transformletter-spacingword-spacingwhite-spacetext-shadowtext-overflowword-breakhyphenshyphenate-charactershyphenate-limit-zonehyphenate-limit-charshyphenate-limit-wordhyphenate-limit-lineshyphenate-limit-lasthyphenate-resourcetext-wrapword-wraptext-align-lasttext-align-firsttext-justifypunctuation-trimtext-emphasistext-outlinehanging-punctuationtext-decoration-styletext-decoration-colortext-decoration-linetext-decoration-skiptext-underline-positiondirectionunicode-bidiwriting-modetext-combineborder-collapseborder-spacingcaption-sideempty-cellstable-layoutcursoroutlineoutline-coloroutline-styleoutline-widthoutline-offsetbox-sizingresizeappearanceiconnav-indexnav-upnav-rightnav-downnav-leftpage-break-beforepage-break-afterpage-break-insideorphanswidowspagesizeimage-orientationobject-fitobject-positioncuecue-aftercue-beforepausepause-afterpause-beforespeakvoice-familyvoice-balancevoice-durationvoice-pitchvoice-pitch-rangevoice-ratevoice-stressvoice-volumeinterpret-asphonemesrestrest-afterrest-beforemarkmark-afterwidthheightdevice-widthdevice-heightdevice-aspect-ratiocolorcolor-indexmonochromeresolutionorientationaspect-ratiogridscanruby-positionruby-alignruby-overhangruby-spancolumn-countcolumn-widthcolumn-gapcolumn-rulecolumnsbreak-beforebreak-afterbreak-insidecolumn-fillcolumn-spanGridgrid-rowsgrid-columnsgrid-rowgrid-columngrid-cell-stackinggrid-templategrid-column-spangrid-row-spangrid-column-sizinggrid-row-sizinggrid-flowgrid-column-aligngrid-row-aligngrid-layeranimationanimation-delayanimation-directionanimation-durationanimation-iteration-countanimation-nameanimation-play-stateanimation-timing-functiontransformtransformtransform-origintransform-styleperspectiveperspective-originbackface-visibilitytransition-propertytransition-durationtransition-timing-functiontransition-delaytransitionflex-alignflex-flowflex-line-packflex-orderflex-packmarquee-directionmarquee-play-countmarquee-speedmarquee-styleoverflow-styleflow-intoflow-fromregion-overflowbreak-beforebreak-afterbreak-insideGeneral property notes
-
text-decoration—underlineis drawn across inline replaced elements (e.g. images) in Gecko or Webkit.
Trident property notes
- margin —
inheritinherits the computation and recomputes it instead of inheriting the computed value. - display — Prior to 7.0, only
none,block,inline,table-header-group, andtable-footer-groupare fully supported. Prior to 8.0,tableare not supported, whileinline-blockis only supported on elements that are naturally inline. - overflow — Prior to 7.0,
overflow: visible;is incorrectly supported. In 8.0,scrollmakes the element's height equal to itsmax-heighteven if the content isn't that tall. This has been fixed in IE9. - visibility — Prior to 8.0,
visibility: collapse;is not supported. In 8.0, inline elements withvisibility: visible;inside block elements withvisibility: hidden;are not visible. - content — In 8.0, computed
attrvalues are not updated when the attribute changes. - border-color — Prior to 7.0,
transparentis not supported. - border-style — Prior to 8.0,
hiddenis not supported. - border-style — Prior to 7.0,
dottedis rendered asdashed. - 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.
- 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-indexis only partially supported. In 8.0, floating point values are accepted in addition to integers. - list-style-type — Prior to 8.0,
armenian,decimal-leading-zero,georgian,lower-greek,lower-latin,upper-latinare not supported. - opacity — Prior to 9.0, Trident supported a proprietary alternative.
- background-image — Prior to 8.0, background images are badly positioned in some cases.
- background-attachment — Prior to 7.0,
fixedwas allowed on thebodyelement only. - background-position — Prior to 8.0, fixed positioning is not supported.
- font-weight — Prior to 8.0, incorrect rendering when value is 600.
- text-align — In 8.0,
text-alignisn't inherited by:beforeand:afterpseudo-elements. - white-space — Prior to 6.0,
preis not supported. Prior to 8.0,white-spaceis only partially supported;pre-lineandpre-wrapare not supported. - cursor — Does not fail on non-prefixed vendor extensions.
Gecko property notes
- display — Prior to 1.9,
inline-tableandinline-blockwere unsupported. - z-index — Negatives values are badly supported prior to 1.9.
- quotes — Does not support nested quotes prior to 1.8.
- content —
nonevalue 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-lineis not supported prior to 1.9.1. Prior to 1.9,pre-wrapwas only supported experimentally as-moz-pre-wrap. - visibility —
collapseis 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-radiusread "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. - page-break-before; page-break-after — Only the
alwaysandautovalues are supported.
WebKit property notes
- 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
alwaysandautovalues are supported. - white-space — Prior to 522,
pre-lineandpre-wrapare unsupported. - visibility —
collapseis unsupported prior to 522. Its implementation has the same effect ashiddenand is therefore not compliant. - content — The
none,open-quote,close-quote,no-open-quote,no-close-quoteandnormalvalues 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. - font-size — The
font-sizeproperty does not always accept the value 0, in "font-size: 0px" the text is still visible.
KHTML property notes
- overflow — Values
scrollandautoare unsupported. - page-break-before; page-break-after — Before 3.5 only the
alwaysandautovalues were supported. - visibility — All properties are supported, but the implementation of
collapsehas the same effect ashiddenand 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
collapsewas unsupported in table columns. On rows, it had the same effect ashiddenand was therefore not compliant. - cursor —
cursoris ignored with dynamic pseudo-classes and custom cursors are unsupported. - content — Prior to 2.7, the
nonevalue was unsupported. - font —
inheritshould 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
collapseis unsupported. - list-style — The values
armenianandgeorgianare unsupported. - content — The values
open-quoteandclose-quoteare unsupported.
Values and units
<number><length><percentage><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...
<angle><time><frequency><fraction><string>\coderectRectangle
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...
urlUniform 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...
counterattrcalcWeb 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 ....
#rrggbb or #rgbHexadecimal
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 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
currentColorcolor property.rgba(r, g, b, a)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
hsl(h, s, l)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
hsla(h, s, l, a)transparent<url><sprite><image-list><linear-gradient><radial-gradient>linear-gradientradial-gradientrepeating-linear-gradientrepeating-radial-gradientautoinheritinitialpxPixel
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....
ptPoint (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....
pccmmminemEm (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%degDegree (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...
gradGrad (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...
radRadian
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...
turnTurn (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....
msMillisecond
A millisecond is a thousandth of a second.10 milliseconds are called a centisecond....
sSecond
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....
HzHertz
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....
kHzdpiDots 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...
dpcmDpcm
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....
dppxgdfrremvwViewport
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
vhViewport
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
vmViewport
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
chGeneral 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
value. This simplifies the definition of those properties in CSS3. - <angle> — The
turnunit is unsupported.
Trident value and unit notes
- rect — Prior to 8.0,
rectwas not supported with the correct syntax using commas. - auto — In quirks modeQuirks modeIn 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),autodoes not work formargins, except table elements. - transparent — In 7.0 and 8.0, using
transparentin thecolorproperty will render the text as black. - transparent — Prior to 7.0,
transparentis 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.
Presto value and unit notes
- <number> — Prior to 2.1, there existed a quantizationNoncommutative geometryNoncommutative 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). - 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
-
-ms-— All experimental properties are prefixed with "-ms-", e.g.-ms-interpolation-modeinstead ofinterpolation-mode.
Gecko general notes
-
-moz-— All experimental selectors, properties and values are prefixed with "-moz-", e.g.::-moz-selectioninstead of::selection.
WebKit general notes
-
-webkit-— All experimental selectors, properties and values are prefixed with "-webkit-", e.g.-webkit-box-shadowinstead ofbox-shadow.
KHTML general notes
-
-khtml-— All experimental selectors, properties and values are prefixed with "-khtml-", e.g.-khtml-opacityinstead ofopacity.
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-rateinstead ofvoice-rate. -
-o-— All experimental properties are prefixed with "-o-", e.g.-o-transition-propertyinstead oftransition-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.MozBorderRadiuscorresponding to the-moz-border-radiusproperty, orelement.style.OTransformcorresponding to the-o-transformproperty. The exception is Internet Explorer which uses a lower-case prefix, e.g.element.style.msTransform.
External links
- WebDevout — mostly covers Windows browsers. Extensive bug testing.
- QuirksMode — comprehensive and current as of June 2010.
- http://www.netmagazine.com/news/chrome-15-adds-css-regions-support-111512 - Chrome 15 adds Css Regions support.
- http://labs.adobe.com/technologies/cssregions/ - Css regions implemented in Chrome 15 and IE 10.
- http://www.sencha.com/blog/ie10-preview-html5-first-look/ - Css regions implemented in IE 10

