This document is a section of the web browser standards support document. It includes detailed information about CSS support in major web browsers.
CSS is the primary language for adding presentation elements to a webpage. These presentation elements include colors, fonts, backgrounds, and layout.
The following are units that are used in CSS properties. The values reflect the browser's best support for these units. Support may be weaker in some properties. See the specific property information for details.
Feature | IE 6 | IE 7 | IE 8 | Firefox 3 | Opera 9 | Konqueror 3.5 |
---|---|---|---|---|---|---|
Color | ||||||
(General) | Y | Y | Y | Y | Y | Y |
#rrggbb | Y | Y | Y | Y | I | Y |
#rgb | Y | Y | Y | Y | I | Y |
rgb(<red>, <green>, <blue>) | I | I | Y | Y | I | I |
aqua | Y | Y | Y | Y | Y | Y |
black | Y | Y | Y | Y | Y | Y |
blue | Y | Y | Y | Y | Y | Y |
fuchsia | Y | Y | Y | Y | Y | Y |
gray | Y | Y | Y | Y | Y | Y |
green | Y | Y | Y | Y | Y | Y |
lime | Y | Y | Y | Y | Y | Y |
maroon | Y | Y | Y | Y | Y | Y |
navy | Y | Y | Y | Y | Y | Y |
olive | Y | Y | Y | Y | Y | Y |
orange | Y | Y | Y | Y | Y | Y |
purple | Y | Y | Y | Y | Y | Y |
red | Y | Y | Y | Y | Y | Y |
silver | Y | Y | Y | Y | Y | Y |
teal | Y | Y | Y | Y | Y | Y |
white | Y | Y | Y | Y | Y | Y |
yellow | Y | Y | Y | Y | Y | Y |
ActiveBorder | Y | Y | Y | Y | Y | Y |
ActiveCaption | Y | Y | Y | Y | Y | Y |
AppWorkspace | Y | Y | Y | Y | Y | Y |
Background | Y | Y | Y | Y | Y | Y |
ButtonFace | Y | Y | Y | Y | Y | Y |
ButtonHighlight | Y | Y | Y | Y | Y | Y |
ButtonShadow | Y | Y | Y | Y | Y | Y |
ButtonText | Y | Y | Y | Y | Y | Y |
CaptionText | Y | Y | Y | Y | Y | Y |
GrayText | Y | Y | Y | Y | Y | Y |
Highlight | Y | Y | Y | Y | Y | Y |
HighlightText | Y | Y | Y | Y | Y | Y |
InactiveBorder | Y | Y | Y | Y | Y | Y |
InactiveCaption | Y | Y | Y | Y | Y | Y |
InactiveCaptionText | Y | Y | Y | Y | Y | Y |
InfoBackground | Y | Y | Y | Y | Y | Y |
InfoText | Y | Y | Y | Y | Y | Y |
Menu | Y | Y | Y | Y | Y | Y |
MenuText | Y | Y | Y | Y | Y | Y |
Scrollbar | Y | Y | Y | Y | Y | Y |
ThreeDDarkShadow | Y | Y | Y | Y | Y | Y |
ThreeDFace | Y | Y | Y | Y | Y | Y |
ThreeDHighlight | Y | Y | Y | Y | Y | Y |
ThreeDLightShadow | Y | Y | Y | Y | Y | Y |
ThreeDShadow | Y | Y | Y | Y | Y | Y |
Window | Y | Y | Y | Y | Y | Y |
WindowFrame | Y | Y | Y | Y | Y | Y |
WindowText | Y | Y | Y | Y | Y | Y |
Counter | ||||||
(General) | N | N | Y | Y | I | Y |
Integer | ||||||
(General) | Y | Y | Y | Y | Y | Y |
Length | ||||||
(General) | Y | Y | Y | Y | Y | Y |
em | Y | Y | Y | Y | Y | Y |
ex | Y | Y | Y | Y | Y | Y |
px | Y | Y | Y | Y | Y | Y |
in | Y | Y | Y | Y | Y | Y |
cm | Y | Y | Y | Y | Y | Y |
mm | Y | Y | Y | Y | Y | Y |
pt | Y | Y | Y | Y | Y | Y |
pc | Y | Y | Y | Y | Y | Y |
Number | ||||||
(General) | Y | Y | Y | Y | Y | Y |
Percentage | ||||||
(General) | Y | Y | Y | Y | Y | Y |
String | ||||||
(General) | N | N | Y | Y | Y | Y |
URI | ||||||
(General) | Y | Y | Y | Y | Y | Y |
Importance gives dominance to CSS rules that would normally be overridden by rules of greater specificity or latter appearance.
Feature | IE 6 | IE 7 | IE 8 | Firefox 3 | Opera 9 | Konqueror 3.5 |
---|---|---|---|---|---|---|
!important | ||||||
(General) | I | I | Y | Y | Y | Y |
At-rules provide special operations and selection mechanisms for the CSS document.
Feature | IE 6 | IE 7 | IE 8 | Firefox 3 | Opera 9 | Konqueror 3.5 |
---|---|---|---|---|---|---|
@charset | ||||||
(General) | I | I | Y | Y | Y | N |
@import | ||||||
(General) | I | I | Y | Y | Y | Y |
@media | ||||||
(General) | I | I | Y | Y | Y | Y |
@page | ||||||
(General) | N | N | Y | N | Y | N |
:left | N | N | Y | N | Y | N |
:right | N | N | Y | N | Y | N |
:first | N | N | Y | N | Y | N |
Selectors specify where CSS rules are applied on the document.
Feature | IE 6 | IE 7 | IE 8 | Firefox 3 | Opera 9 | Konqueror 3.5 |
---|---|---|---|---|---|---|
* | ||||||
(General) | I | I | Y | Y | I | I |
E | ||||||
(General) | I | I | Y | Y | Y | I |
E F | ||||||
(General) | I | I | Y | Y | Y | Y |
E > F | ||||||
(General) | N | I | Y | Y | Y | Y |
E + F | ||||||
(General) | N | I | Y | Y | I | Y |
[attr] | ||||||
(General) | N | I | Y | Y | Y | Y |
[attr="value"] | ||||||
(General) | N | I | Y | I | I | I |
[attr~="value"] | ||||||
(General) | N | I | Y | I | I | I |
[attr|="value"] | ||||||
(General) | N | I | Y | I | I | I |
.class | ||||||
(General) | I | Y | Y | Y | Y | Y |
#id | ||||||
(General) | I | Y | Y | Y | Y | Y |
Pseudo-classes select elements in certain special states.
Feature | IE 6 | IE 7 | IE 8 | Firefox 3 | Opera 9 | Konqueror 3.5 |
---|---|---|---|---|---|---|
:active | ||||||
(General) | I | I | Y | Y | Y | I |
:first-child | ||||||
(General) | N | I | I | Y | I | I |
:focus | ||||||
(General) | N | N | I | Y | Y | Y |
:hover | ||||||
(General) | I | I | Y | Y | Y | I |
:lang(C) | ||||||
(General) | N | N | Y | Y | Y | N |
:link | ||||||
(General) | I | I | Y | Y | Y | Y |
:visited | ||||||
(General) | I | I | Y | Y | Y | Y |
Pseudo-elements are styled portions of the displayed page that were created by one of the following selectors.
Feature | IE 6 | IE 7 | IE 8 | Firefox 3 | Opera 9 | Konqueror 3.5 |
---|---|---|---|---|---|---|
:after | ||||||
(General) | N | N | Y | I | I | Y |
:before | ||||||
(General) | N | N | Y | I | I | Y |
:first-letter | ||||||
(General) | I | I | Y | I | I | I |
:first-line | ||||||
(General) | I | I | Y | Y | Y | Y |
The following are CSS properties that are used in normal graphical webpage displays in web browsers.
Feature | IE 6 | IE 7 | IE 8 | Firefox 3 | Opera 9 | Konqueror 3.5 |
---|---|---|---|---|---|---|
background | ||||||
(General) | I | I | Y | Y | I | Y |
(background-color) | 83% | 83% | Y | Y | 82% | ≈100% |
(background-image) | 67% | 67% | Y | Y | 83% | Y |
(background-repeat) | 90% | 90% | Y | Y | 90% | 60% |
(background-attachment) | 50% | 67% | Y | Y | 83% | Y |
(background-position) | 50% | 50% | Y | Y | 94% | 94% |
inherit | N | N | Y | Y | Y | N |
background-attachment | ||||||
(General) | I | I | Y | Y | I | Y |
scroll | I | I | Y | Y | Y | Y |
fixed | I | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | N |
background-color | ||||||
(General) | I | I | Y | Y | I | Y |
(Color) | 99% | 99% | Y | Y | 97% | 99% |
transparent | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | N |
background-image | ||||||
(General) | I | I | Y | Y | I | Y |
(URI) | Y | Y | Y | Y | Y | Y |
none | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | N |
background-position | ||||||
(General) | I | I | Y | Y | I | I |
(Percentage) | I | I | Y | Y | Y | Y |
(Length) | I | I | Y | Y | Y | Y |
left | I | I | Y | Y | Y | Y |
center (horizontal) | I | I | Y | Y | Y | Y |
right | I | I | Y | Y | Y | Y |
top | I | I | Y | Y | Y | Y |
center (vertical) | I | I | Y | Y | Y | Y |
bottom | I | I | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | N |
background-repeat | ||||||
(General) | I | I | Y | Y | I | I |
repeat | Y | Y | Y | Y | Y | Y |
repeat-x | Y | Y | Y | Y | Y | I |
repeat-y | Y | Y | Y | Y | Y | I |
no-repeat | Y | Y | Y | Y | Y | I |
inherit | N | N | Y | Y | Y | N |
border | ||||||
(General) | I | I | Y | Y | Y | Y |
(border-width) | 90% | 90% | Y | Y | Y | Y |
(border-style) | 82% | 82% | Y | Y | Y | Y |
(border-top-color) | 66% | 83% | Y | Y | 99% | ≈100% |
inherit | N | N | Y | Y | Y | Y |
border-bottom | ||||||
(General) | I | I | Y | Y | Y | Y |
(border-width) | 90% | 90% | Y | Y | Y | Y |
(border-style) | 82% | 82% | Y | Y | Y | Y |
(border-top-color) | 66% | 83% | Y | Y | 99% | ≈100% |
inherit | N | N | Y | Y | Y | Y |
border-bottom-color | ||||||
(General) | I | I | Y | Y | Y | Y |
(Color) | 99% | 99% | Y | Y | 97% | 99% |
transparent | I | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
border-bottom-style | ||||||
(General) | I | I | Y | Y | Y | Y |
none | Y | Y | Y | Y | Y | Y |
hidden | N | N | Y | Y | Y | Y |
dotted | I | I | Y | Y | Y | Y |
dashed | Y | Y | Y | Y | Y | Y |
solid | Y | Y | Y | Y | Y | Y |
double | Y | Y | Y | Y | Y | Y |
groove | Y | Y | Y | Y | Y | Y |
ridge | Y | Y | Y | Y | Y | Y |
inset | Y | Y | Y | Y | Y | Y |
outset | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
border-bottom-width | ||||||
(General) | I | I | Y | Y | Y | Y |
thin | Y | Y | Y | Y | Y | Y |
medium | Y | Y | Y | Y | Y | Y |
thick | Y | Y | Y | Y | Y | Y |
(Length) | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
border-collapse | ||||||
(General) | I | I | Y | Y | Y | Y |
collapse | Y | Y | Y | Y | Y | Y |
separate | I | I | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
border-color | ||||||
(General) | I | I | Y | Y | Y | Y |
(Color) | 99% | 99% | Y | Y | 97% | 99% |
transparent | I | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
border-left | ||||||
(General) | I | I | Y | Y | Y | Y |
(border-width) | 90% | 90% | Y | Y | Y | Y |
(border-style) | 82% | 82% | Y | Y | Y | Y |
(border-top-color) | 66% | 83% | Y | Y | 99% | ≈100% |
inherit | N | N | Y | Y | Y | Y |
border-left-color | ||||||
(General) | I | I | Y | Y | Y | Y |
(Color) | 99% | 99% | Y | Y | 97% | 99% |
transparent | I | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
border-left-style | ||||||
(General) | I | I | Y | Y | Y | Y |
none | Y | Y | Y | Y | Y | Y |
hidden | N | N | Y | Y | Y | Y |
dotted | I | I | Y | Y | Y | Y |
dashed | Y | Y | Y | Y | Y | Y |
solid | Y | Y | Y | Y | Y | Y |
double | Y | Y | Y | Y | Y | Y |
groove | Y | Y | Y | Y | Y | Y |
ridge | Y | Y | Y | Y | Y | Y |
inset | Y | Y | Y | Y | Y | Y |
outset | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
border-left-width | ||||||
(General) | I | I | Y | Y | Y | Y |
thin | Y | Y | Y | Y | Y | Y |
medium | Y | Y | Y | Y | Y | Y |
thick | Y | Y | Y | Y | Y | Y |
(Length) | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
border-right | ||||||
(General) | I | I | Y | Y | Y | Y |
(border-width) | 90% | 90% | Y | Y | Y | Y |
(border-style) | 82% | 82% | Y | Y | Y | Y |
(border-top-color) | 66% | 83% | Y | Y | 99% | ≈100% |
inherit | N | N | Y | Y | Y | Y |
border-right-color | ||||||
(General) | I | I | Y | Y | Y | Y |
(Color) | 99% | 99% | Y | Y | 97% | 99% |
transparent | I | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
border-right-style | ||||||
(General) | I | I | Y | Y | Y | Y |
none | Y | Y | Y | Y | Y | Y |
hidden | N | N | Y | Y | Y | Y |
dotted | I | I | Y | Y | Y | Y |
dashed | Y | Y | Y | Y | Y | Y |
solid | Y | Y | Y | Y | Y | Y |
double | Y | Y | Y | Y | Y | Y |
groove | Y | Y | Y | Y | Y | Y |
ridge | Y | Y | Y | Y | Y | Y |
inset | Y | Y | Y | Y | Y | Y |
outset | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
border-right-width | ||||||
(General) | I | I | Y | Y | Y | Y |
thin | Y | Y | Y | Y | Y | Y |
medium | Y | Y | Y | Y | Y | Y |
thick | Y | Y | Y | Y | Y | Y |
(Length) | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
border-spacing | ||||||
(General) | N | N | Y | Y | Y | Y |
(Length) | N | N | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
border-style | ||||||
(General) | I | I | Y | Y | Y | Y |
none | Y | Y | Y | Y | Y | Y |
hidden | N | N | Y | Y | Y | Y |
dotted | I | I | Y | Y | Y | Y |
dashed | Y | Y | Y | Y | Y | Y |
solid | Y | Y | Y | Y | Y | Y |
double | Y | Y | Y | Y | Y | Y |
groove | Y | Y | Y | Y | Y | Y |
ridge | Y | Y | Y | Y | Y | Y |
inset | Y | Y | Y | Y | Y | Y |
outset | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
border-top | ||||||
(General) | I | I | Y | Y | Y | Y |
(border-width) | 90% | 90% | Y | Y | Y | Y |
(border-style) | 82% | 82% | Y | Y | Y | Y |
(border-top-color) | 66% | 83% | Y | Y | 99% | ≈100% |
inherit | N | N | Y | Y | Y | Y |
border-top-color | ||||||
(General) | I | I | Y | Y | Y | Y |
(Color) | 99% | 99% | Y | Y | 97% | 99% |
transparent | I | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
border-top-style | ||||||
(General) | I | I | Y | Y | Y | Y |
none | Y | Y | Y | Y | Y | Y |
hidden | N | N | Y | Y | Y | Y |
dotted | I | I | Y | Y | Y | Y |
dashed | Y | Y | Y | Y | Y | Y |
solid | Y | Y | Y | Y | Y | Y |
double | Y | Y | Y | Y | Y | Y |
groove | Y | Y | Y | Y | Y | Y |
ridge | Y | Y | Y | Y | Y | Y |
inset | Y | Y | Y | Y | Y | Y |
outset | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
border-top-width | ||||||
(General) | I | I | Y | Y | Y | Y |
thin | Y | Y | Y | Y | Y | Y |
medium | Y | Y | Y | Y | Y | Y |
thick | Y | Y | Y | Y | Y | Y |
(Length) | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
border-width | ||||||
(General) | I | I | Y | Y | Y | Y |
thin | Y | Y | Y | Y | Y | Y |
medium | Y | Y | Y | Y | Y | Y |
thick | Y | Y | Y | Y | Y | Y |
(Length) | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
bottom | ||||||
(General) | I | I | Y | Y | Y | I |
(Length) | Y | Y | Y | Y | Y | Y |
(Percentage) | Y | Y | Y | Y | Y | Y |
auto | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
caption-side | ||||||
(General) | N | N | Y | Y | Y | Y |
top | N | N | Y | Y | Y | Y |
bottom | N | N | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
clear | ||||||
(General) | I | I | Y | Y | Y | Y |
none | Y | Y | Y | Y | Y | Y |
left | Y | I | Y | Y | Y | Y |
right | Y | I | Y | Y | Y | Y |
both | Y | I | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
clip | ||||||
(General) | N | N | Y | Y | Y | Y |
rect(<top>, <right>, <bottom>, <left>) | N | N | Y | Y | Y | Y |
auto | N | N | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
color | ||||||
(General) | I | I | Y | Y | Y | Y |
(Color) | 99% | 99% | Y | Y | 97% | 99% |
inherit | N | N | Y | Y | Y | Y |
content | ||||||
(General) | N | N | Y | Y | Y | Y |
none | N | N | Y | Y | N | Y |
normal | N | N | Y | Y | Y | Y |
(String) | N | N | Y | Y | Y | Y |
(URI) | N | N | Y | Y | Y | Y |
counter(<counter>) | N | N | Y | Y | I | Y |
counter(<counter>, <list-style-type>) | N | N | Y | Y | I | Y |
counters(<counter>, <string>) | N | N | Y | Y | I | Y |
counters(<counter>, <string>, <list-style-type>) | N | N | Y | Y | I | Y |
attr(<attr>) | N | N | Y | Y | Y | Y |
open-quote | N | N | Y | Y | Y | Y |
close-quote | N | N | Y | Y | Y | Y |
no-open-quote | N | N | Y | Y | Y | Y |
no-close-quote | N | N | Y | Y | Y | I |
inherit | N | N | Y | Y | Y | Y |
counter-increment | ||||||
(General) | N | N | Y | Y | I | Y |
(Counter) | N | N | Y | Y | Y | Y |
(Integer) | N | N | Y | Y | Y | Y |
none | N | N | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
counter-reset | ||||||
(General) | N | N | Y | Y | Y | Y |
(Counter) | N | N | Y | Y | Y | Y |
(Integer) | N | N | Y | Y | Y | Y |
none | N | N | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
cursor | ||||||
(General) | I | I | I | Y | I | I |
(URI) | Y | I | Y | Y | N | N |
auto | Y | Y | Y | Y | Y | Y |
crosshair | Y | Y | Y | Y | Y | Y |
default | Y | Y | Y | Y | Y | Y |
pointer | Y | Y | Y | Y | Y | Y |
move | Y | Y | Y | Y | Y | Y |
e-resize | Y | Y | Y | Y | Y | Y |
ne-resize | Y | Y | Y | Y | Y | Y |
nw-resize | Y | Y | Y | Y | Y | Y |
n-resize | Y | Y | Y | Y | Y | Y |
se-resize | Y | Y | Y | Y | Y | Y |
sw-resize | Y | Y | Y | Y | Y | Y |
s-resize | Y | Y | Y | Y | Y | Y |
w-resize | Y | Y | Y | Y | Y | Y |
text | Y | Y | Y | Y | Y | Y |
wait | Y | Y | Y | Y | Y | Y |
help | Y | Y | Y | Y | Y | Y |
progress | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
direction | ||||||
(General) | I | I | Y | Y | Y | Y |
ltr | Y | Y | Y | Y | Y | Y |
rtl | Y | Y | Y | Y | Y | Y |
inherit | Y | Y | Y | Y | Y | Y |
display | ||||||
(General) | I | I | Y | Y | Y | Y |
inline | Y | Y | Y | Y | Y | Y |
block | I | I | Y | Y | Y | Y |
list-item | Y | Y | Y | I | Y | Y |
run-in | N | N | Y | N | Y | Y |
inline-block | I | I | I | Y | Y | Y |
table | N | N | Y | Y | Y | Y |
inline-table | N | N | Y | Y | Y | Y |
table-row-group | N | N | Y | Y | Y | Y |
table-header-group | I | I | Y | Y | Y | Y |
table-footer-group | I | I | Y | Y | Y | Y |
table-row | N | N | Y | Y | Y | Y |
table-column-group | N | N | Y | Y | I | Y |
table-column | N | N | Y | Y | I | Y |
table-cell | N | N | I | Y | Y | Y |
table-caption | N | N | Y | Y | Y | Y |
none | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
empty-cells | ||||||
(General) | N | N | Y | Y | Y | Y |
show | N | N | Y | Y | Y | Y |
hide | N | N | Y | I | I | I |
inherit | N | N | Y | Y | Y | Y |
float | ||||||
(General) | I | I | Y | Y | Y | Y |
left | I | I | I | I | I | Y |
right | I | I | I | I | I | Y |
none | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
font | ||||||
(General) | I | I | Y | Y | Y | Y |
(font-style) | Y | Y | Y | Y | Y | Y |
(font-variant) | Y | Y | Y | Y | Y | Y |
(font-weight) | Y | Y | Y | Y | Y | Y |
(font-size) | Y | Y | Y | Y | Y | Y |
(line-height) | 90% | 90% | Y | Y | Y | Y |
(font-family) | Y | Y | Y | Y | Y | Y |
caption | Y | Y | Y | Y | Y | N |
icon | Y | Y | Y | Y | Y | N |
menu | Y | Y | Y | Y | Y | N |
message-box | Y | Y | Y | Y | Y | N |
small-caption | Y | Y | Y | Y | Y | N |
status-bar | Y | Y | Y | Y | Y | N |
inherit | N | N | Y | Y | Y | Y |
font-family | ||||||
(General) | I | I | Y | Y | Y | Y |
(Family name) | Y | Y | Y | Y | Y | Y |
serif | Y | Y | Y | Y | Y | Y |
sans-serif | Y | Y | Y | Y | Y | Y |
cursive | Y | Y | Y | Y | Y | Y |
fantasy | Y | Y | Y | Y | Y | Y |
monospace | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
font-size | ||||||
(General) | I | I | Y | Y | Y | Y |
(Length) | Y | Y | Y | Y | Y | Y |
(Percentage) | Y | Y | Y | Y | Y | Y |
xx-small | Y | Y | Y | Y | Y | Y |
x-small | Y | Y | Y | Y | Y | Y |
small | Y | Y | Y | Y | Y | Y |
medium | Y | Y | Y | Y | Y | Y |
large | Y | Y | Y | Y | Y | Y |
x-large | Y | Y | Y | Y | Y | Y |
xx-large | Y | Y | Y | Y | Y | Y |
larger | Y | Y | Y | Y | Y | Y |
smaller | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
font-style | ||||||
(General) | I | I | Y | Y | Y | Y |
normal | Y | Y | Y | Y | Y | Y |
italic | Y | Y | Y | Y | Y | Y |
oblique | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
font-variant | ||||||
(General) | I | I | Y | Y | Y | Y |
normal | Y | Y | Y | Y | Y | Y |
small-caps | I | I | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
font-weight | ||||||
(General) | I | I | Y | Y | Y | Y |
normal | Y | Y | Y | Y | Y | Y |
bold | Y | Y | Y | Y | Y | Y |
bolder | Y | Y | Y | Y | Y | Y |
lighter | Y | Y | Y | Y | Y | Y |
100 | Y | Y | Y | Y | Y | Y |
200 | Y | Y | Y | Y | Y | Y |
300 | Y | Y | Y | Y | Y | Y |
400 | Y | Y | Y | Y | Y | Y |
500 | Y | Y | Y | Y | Y | Y |
600 | Y | Y | Y | Y | Y | Y |
700 | Y | Y | Y | Y | Y | Y |
800 | Y | Y | Y | Y | Y | Y |
900 | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
height | ||||||
(General) | I | I | Y | Y | I | Y |
(Length) | I | I | Y | Y | Y | Y |
(Percentage) | I | I | Y | Y | Y | Y |
auto | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
left | ||||||
(General) | I | I | Y | Y | Y | Y |
(Length) | Y | Y | Y | Y | Y | Y |
(Percentage) | Y | Y | Y | Y | Y | Y |
auto | I | I | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
letter-spacing | ||||||
(General) | I | I | Y | Y | Y | Y |
normal | Y | Y | Y | Y | Y | Y |
(Length) | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
line-height | ||||||
(General) | I | I | Y | Y | Y | Y |
normal | Y | Y | Y | Y | Y | Y |
(Number) | Y | Y | Y | Y | Y | Y |
(Length) | Y | Y | Y | Y | Y | Y |
(Percentage) | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
list-style | ||||||
(General) | I | I | Y | Y | Y | ? |
(list-style-type) | Y | Y | Y | Y | Y | ? |
(list-style-position) | Y | Y | Y | Y | Y | ? |
(list-style-image) | 83% | 83% | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
list-style-image | ||||||
(General) | I | I | Y | Y | Y | ? |
(URI) | Y | Y | Y | Y | Y | ? |
none | Y | Y | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
list-style-position | ||||||
(General) | I | I | Y | Y | Y | ? |
inside | Y | Y | Y | Y | Y | ? |
outside | Y | Y | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
list-style-type | ||||||
(General) | I | I | Y | Y | Y | ? |
disc | Y | Y | Y | Y | Y | ? |
circle | Y | Y | Y | Y | Y | ? |
square | Y | Y | Y | Y | Y | ? |
decimal | Y | Y | Y | Y | Y | ? |
decimal-leading-zero | N | N | Y | Y | Y | ? |
lower-roman | Y | Y | Y | Y | Y | ? |
upper-roman | Y | Y | Y | Y | Y | ? |
lower-greek | N | N | Y | Y | Y | ? |
lower-latin | N | N | Y | Y | Y | ? |
upper-latin | N | N | Y | Y | Y | ? |
armenian | N | N | Y | Y | Y | ? |
georgian | N | N | Y | Y | Y | ? |
lower-alpha | Y | Y | Y | Y | Y | ? |
upper-alpha | Y | Y | Y | Y | Y | ? |
none | Y | Y | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
margin | ||||||
(General) | I | I | Y | Y | Y | ? |
(Length) | Y | Y | Y | Y | Y | ? |
(Percentage) | I | Y | Y | Y | Y | ? |
auto | I | I | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
margin-bottom | ||||||
(General) | I | I | Y | Y | Y | ? |
(Length) | Y | Y | Y | Y | Y | ? |
(Percentage) | I | Y | Y | Y | Y | ? |
auto | I | I | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
margin-left | ||||||
(General) | I | I | Y | Y | Y | ? |
(Length) | Y | Y | Y | Y | Y | ? |
(Percentage) | I | Y | Y | Y | Y | ? |
auto | I | I | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
margin-right | ||||||
(General) | I | I | Y | Y | Y | ? |
(Length) | Y | Y | Y | Y | Y | ? |
(Percentage) | I | Y | Y | Y | Y | ? |
auto | I | I | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
margin-top | ||||||
(General) | I | I | Y | Y | Y | ? |
(Length) | Y | Y | Y | Y | Y | ? |
(Percentage) | I | Y | Y | Y | Y | ? |
auto | I | I | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
max-height | ||||||
(General) | N | I | Y | Y | Y | ? |
(Length) | N | I | Y | Y | Y | ? |
(Percentage) | N | I | Y | Y | Y | ? |
none | N | Y | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
max-width | ||||||
(General) | N | I | I | Y | Y | ? |
(Length) | N | I | Y | Y | Y | ? |
(Percentage) | N | I | Y | Y | Y | ? |
none | N | Y | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
min-height | ||||||
(General) | N | I | Y | Y | I | ? |
(Length) | N | I | Y | Y | Y | ? |
(Percentage) | N | I | Y | Y | I | ? |
inherit | N | N | Y | Y | Y | ? |
min-width | ||||||
(General) | N | I | Y | Y | I | ? |
(Length) | N | I | Y | Y | Y | ? |
(Percentage) | N | I | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
outline | ||||||
(General) | N | N | Y | Y | Y | ? |
(outline-color) | N | N | Y | Y | 99% | ? |
(outline-style) | N | N | Y | Y | Y | ? |
(outline-width) | N | N | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
outline-color | ||||||
(General) | N | N | Y | Y | Y | ? |
(Color) | N | N | Y | Y | 97% | ? |
invert | N | N | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
outline-style | ||||||
(General) | N | N | Y | Y | Y | ? |
(border-style) | N | N | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
outline-width | ||||||
(General) | N | N | Y | Y | Y | ? |
(border-width) | N | N | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
overflow | ||||||
(General) | I | I | Y | I | Y | ? |
visible | I | Y | Y | Y | Y | ? |
hidden | I | I | Y | Y | Y | ? |
scroll | I | I | Y | Y | Y | ? |
auto | I | I | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
padding | ||||||
(General) | I | I | Y | Y | Y | ? |
(Length) | Y | Y | Y | Y | Y | ? |
(Percentage) | I | Y | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
padding-bottom | ||||||
(General) | I | I | Y | Y | Y | ? |
(Length) | Y | Y | Y | Y | Y | ? |
(Percentage) | I | Y | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
padding-left | ||||||
(General) | I | I | Y | Y | Y | ? |
(Length) | Y | Y | Y | Y | Y | ? |
(Percentage) | I | Y | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
padding-right | ||||||
(General) | I | I | Y | Y | Y | ? |
(Length) | Y | Y | Y | Y | Y | ? |
(Percentage) | I | Y | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
padding-top | ||||||
(General) | I | I | Y | Y | Y | ? |
(Length) | Y | Y | Y | Y | Y | ? |
(Percentage) | I | Y | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
position | ||||||
(General) | I | I | Y | Y | Y | ? |
static | Y | Y | Y | Y | Y | ? |
relative | I | I | Y | Y | Y | ? |
absolute | I | I | I | Y | Y | ? |
fixed | N | I | I | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
quotes | ||||||
(General) | N | N | Y | Y | I | ? |
(String) | N | N | Y | Y | Y | ? |
none | N | N | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
right | ||||||
(General) | I | I | Y | Y | Y | I |
(Length) | Y | Y | Y | Y | Y | Y |
(Percentage) | Y | Y | Y | Y | Y | Y |
auto | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | N |
table-layout | ||||||
(General) | I | I | Y | Y | Y | ? |
auto | Y | Y | Y | Y | Y | ? |
fixed | Y | Y | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
text-align | ||||||
(General) | I | I | Y | Y | Y | ? |
left | Y | Y | Y | Y | Y | ? |
right | Y | Y | Y | Y | Y | ? |
center | Y | Y | Y | Y | Y | ? |
justify | Y | Y | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
text-decoration | ||||||
(General) | I | I | Y | I | Y | ? |
none | Y | Y | Y | Y | Y | ? |
underline | Y | Y | Y | Y | Y | ? |
overline | Y | Y | Y | Y | Y | ? |
line-through | Y | Y | Y | Y | Y | ? |
blink | N | N | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
text-indent | ||||||
(General) | I | I | Y | Y | Y | ? |
(Length) | Y | Y | Y | Y | Y | ? |
(Percentage) | Y | Y | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
text-transform | ||||||
(General) | I | I | Y | Y | Y | ? |
capitalize | Y | Y | Y | Y | Y | ? |
uppercase | I | I | Y | Y | Y | ? |
lowercase | I | I | Y | Y | Y | ? |
none | Y | Y | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
top | ||||||
(General) | I | I | Y | Y | Y | Y |
(Length) | Y | Y | Y | Y | Y | Y |
(Percentage) | Y | Y | Y | Y | Y | Y |
auto | Y | Y | Y | Y | Y | Y |
inherit | N | N | Y | Y | Y | Y |
unicode-bidi | ||||||
(General) | I | I | Y | Y | Y | ? |
normal | Y | Y | Y | Y | Y | ? |
embed | Y | Y | Y | Y | Y | ? |
bidi-override | Y | Y | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
vertical-align | ||||||
(General) | I | I | Y | Y | Y | ? |
baseline | Y | Y | Y | Y | Y | ? |
sub | I | I | Y | Y | Y | ? |
super | I | I | Y | Y | Y | ? |
top | I | I | Y | Y | Y | ? |
text-top | I | I | Y | Y | Y | ? |
middle | Y | Y | Y | Y | Y | ? |
bottom | I | I | Y | Y | Y | ? |
text-bottom | I | I | Y | Y | Y | ? |
(Percentage) | I | I | Y | Y | Y | ? |
(Length) | I | I | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
visibility | ||||||
(General) | I | I | Y | Y | Y | ? |
visible | Y | Y | Y | Y | Y | ? |
hidden | Y | Y | Y | Y | Y | ? |
collapse | N | N | Y | Y | I | N |
inherit | Y | Y | Y | Y | Y | ? |
white-space | ||||||
(General) | I | I | Y | Y | Y | ? |
normal | I | I | I | I | I | ? |
pre | I | I | I | I | I | ? |
nowrap | I | I | I | I | I | ? |
pre-wrap | N | N | Y | Y | Y | ? |
pre-line | N | N | Y | N | N | ? |
inherit | N | N | Y | Y | Y | ? |
width | ||||||
(General) | I | I | Y | Y | I | ? |
(Length) | I | I | Y | Y | Y | ? |
(Percentage) | I | I | Y | Y | Y | ? |
auto | I | Y | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
word-spacing | ||||||
(General) | I | I | Y | Y | Y | ? |
normal | Y | Y | Y | Y | Y | ? |
(Length) | Y | Y | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
z-index | ||||||
(General) | I | I | Y | Y | Y | ? |
auto | Y | Y | Y | Y | Y | ? |
(Integer) | Y | Y | Y | Y | Y | ? |
inherit | N | N | Y | Y | Y | ? |
The following CSS properties allow special formatting on paged media, such as pages printed with a printer.
Feature | IE 6 | IE 7 | IE 8 | Firefox 3 | Opera 9 | Konqueror 3.5 |
---|---|---|---|---|---|---|
orphans | ||||||
(General) | N | N | Y | N | Y | N |
(Integer) | N | N | Y | N | Y | N |
inherit | N | N | Y | N | Y | N |
page-break-after | ||||||
(General) | I | I | Y | Y | Y | Y |
auto | Y | Y | Y | Y | Y | Y |
always | Y | Y | Y | Y | Y | Y |
avoid | Y | Y | Y | N | Y | N |
left | Y | Y | Y | N | Y | N |
right | Y | Y | Y | N | Y | N |
inherit | N | N | Y | Y | Y | Y |
page-break-before | ||||||
(General) | I | I | Y | Y | Y | Y |
auto | Y | Y | Y | Y | Y | Y |
always | Y | Y | Y | Y | Y | Y |
avoid | Y | Y | Y | N | Y | N |
left | Y | Y | Y | N | Y | N |
right | Y | Y | Y | N | Y | N |
inherit | N | N | Y | Y | Y | Y |
page-break-inside | ||||||
(General) | N | N | Y | N | Y | N |
avoid | N | N | Y | N | Y | N |
auto | N | N | Y | N | Y | N |
inherit | N | N | Y | N | Y | N |
widows | ||||||
(General) | N | N | Y | N | Y | N |
(Integer) | N | N | Y | N | Y | N |
inherit | N | N | Y | N | Y | N |
The following summarizes the requirements for a web browser to claim full support for CSS 2.1. A web browser may not claim full conformance unless all of the following are met. Each of these points is graded on an all-or-nothing basis.
Feature | IE 6 | IE 7 | IE 8 | Firefox 3 | Opera 9 | Konqueror 3.5 |
---|---|---|---|---|---|---|
Conformance | ||||||
Support a media type | Y | Y | Y | Y | Y | Y |
Attempt to retrieve all style sheets | Y | Y | Y | Y | Y | Y |
Follow all specified grammar | N | N | Y | Y | N | N |
Assign elements all applicable properties | N | N | Y | Y | Y | N |
Support alternate style sheets | N | N | Y | Y | Y | Y |
Allow disabling author style sheet | N | N | Y | Y | Y | N |
Support user style sheets | Y | Y | Y | Y | Y | Y |
The following are features that have been added or significantly changed in CSS 3. The sections of CSS 3 shown below have reached at least the Candidate Recommendation stage, which means these features are ready to be implemented in user agents.
The following are units that are used in CSS properties. The values reflect the browser's best support for these units. Support may be weaker in some properties. See the specific property information for details.
Feature | IE 6 | IE 7 | IE 8 | Firefox 3 | Opera 9 | Konqueror 3.5 |
---|---|---|---|---|---|---|
Appearance | ||||||
(General) | I | I | ? | I | I | ? |
icon | I | I | ? | I | I | ? |
window | N | N | ? | N | N | ? |
desktop | N | N | ? | N | N | ? |
workspace | N | N | ? | N | N | ? |
document | N | N | ? | N | N | ? |
tooltip | N | N | ? | N | N | ? |
dialog | N | N | ? | N | N | ? |
button | N | N | ? | N | N | ? |
push-button | N | N | ? | N | N | ? |
hyperlink | N | N | ? | N | N | ? |
radio-button | N | N | ? | N | N | ? |
checkbox | N | N | ? | N | N | ? |
menu-item | N | N | ? | N | N | ? |
tab | N | N | ? | N | N | ? |
menu | I | I | ? | I | I | ? |
menubar | N | N | ? | N | N | ? |
pull-down-menu | N | N | ? | N | N | ? |
pop-up-menu | N | N | ? | N | N | ? |
list-menu | N | N | ? | N | N | ? |
radio-group | N | N | ? | N | N | ? |
checkbox-group | N | N | ? | N | N | ? |
outline-tree | N | N | ? | N | N | ? |
range | N | N | ? | N | N | ? |
field | N | N | ? | N | N | ? |
combo-box | N | N | ? | N | N | ? |
signature | N | N | ? | N | N | ? |
password | N | N | ? | N | N | ? |
Color | ||||||
rgba(<red>, <green>, <blue>, <alpha>) | N | N | ? | Y | N | ? |
transparent | I | I | ? | Y | I | ? |
hsl(<hue>, <saturation>, <lightness>) | N | N | ? | Y | N | ? |
hsla(<hue>, <saturation>, <lightness>, <alpha>) | N | N | ? | Y | N | ? |
currentColor | N | N | ? | Y | N | ? |
flavor | N | N | ? | N | N | ? |
aliceblue | Y | Y | Y | Y | Y | ? |
antiquewhite | Y | Y | Y | Y | Y | ? |
aquamarine | Y | Y | Y | Y | Y | ? |
azure | Y | Y | Y | Y | Y | ? |
beige | Y | Y | Y | Y | Y | ? |
bisque | Y | Y | Y | Y | Y | ? |
blanchedalmond | Y | Y | Y | Y | Y | ? |
blueviolet | Y | Y | Y | Y | Y | ? |
brown | Y | Y | Y | Y | Y | ? |
burlywood | Y | Y | Y | Y | Y | ? |
cadetblue | Y | Y | Y | Y | Y | ? |
chartreuse | Y | Y | Y | Y | Y | ? |
chocolate | Y | Y | Y | Y | Y | ? |
coral | Y | Y | Y | Y | Y | ? |
cornflowerblue | Y | Y | Y | Y | Y | ? |
cornsilk | Y | Y | Y | Y | Y | ? |
crimson | Y | Y | Y | Y | Y | ? |
cyan | Y | Y | Y | Y | Y | ? |
darkblue | Y | Y | Y | Y | Y | ? |
darkcyan | Y | Y | Y | Y | Y | ? |
darkgoldenrod | Y | Y | Y | Y | Y | ? |
darkgray | Y | Y | Y | Y | Y | ? |
darkgreen | Y | Y | Y | Y | Y | ? |
darkgrey | N | N | ? | Y | Y | ? |
darkkhaki | Y | Y | Y | Y | Y | ? |
darkmagenta | Y | Y | Y | Y | Y | ? |
darkolivegreen | Y | Y | Y | Y | Y | ? |
darkorange | Y | Y | Y | Y | Y | ? |
darkorchid | Y | Y | Y | Y | Y | ? |
darkred | Y | Y | Y | Y | Y | ? |
darksalmon | Y | Y | Y | Y | Y | ? |
darkseagreen | Y | Y | Y | Y | Y | ? |
darkslateblue | Y | Y | Y | Y | Y | ? |
darkslategray | Y | Y | Y | Y | Y | ? |
darkslategrey | N | N | ? | Y | Y | ? |
darkturquoise | Y | Y | Y | Y | Y | ? |
darkviolet | Y | Y | Y | Y | Y | ? |
deeppink | Y | Y | Y | Y | Y | ? |
deepskyblue | Y | Y | Y | Y | Y | ? |
dimgray | Y | Y | Y | Y | Y | ? |
dimgrey | N | N | ? | Y | Y | ? |
dodgerblue | Y | Y | Y | Y | Y | ? |
firebrick | Y | Y | Y | Y | Y | ? |
floralwhite | Y | Y | Y | Y | Y | ? |
forestgreen | Y | Y | Y | Y | Y | ? |
gainsboro | Y | Y | Y | Y | Y | ? |
ghostwhite | Y | Y | Y | Y | Y | ? |
gold | Y | Y | Y | Y | Y | ? |
goldenrod | Y | Y | Y | Y | Y | ? |
greenyellow | Y | Y | Y | Y | Y | ? |
grey | N | N | ? | Y | Y | ? |
honeydew | Y | Y | Y | Y | Y | ? |
hotpink | Y | Y | Y | Y | Y | ? |
indianred | Y | Y | Y | Y | Y | ? |
indigo | Y | Y | Y | Y | Y | ? |
ivory | Y | Y | Y | Y | Y | ? |
khaki | Y | Y | Y | Y | Y | ? |
lavender | Y | Y | Y | Y | Y | ? |
lavenderblush | Y | Y | Y | Y | Y | ? |
lawngreen | Y | Y | Y | Y | Y | ? |
lemonchiffon | Y | Y | Y | Y | Y | ? |
lightblue | Y | Y | Y | Y | Y | ? |
lightcoral | Y | Y | Y | Y | Y | ? |
lightcyan | Y | Y | Y | Y | Y | ? |
lightgoldenrodyellow | Y | Y | Y | Y | Y | ? |
lightgray | N | N | ? | Y | Y | ? |
lightgreen | Y | Y | Y | Y | Y | ? |
lightgrey | Y | Y | Y | Y | Y | ? |
lightpink | Y | Y | Y | Y | Y | ? |
lightsalmon | Y | Y | Y | Y | Y | ? |
lightseagreen | Y | Y | Y | Y | Y | ? |
lightskyblue | Y | Y | Y | Y | Y | ? |
lightslategray | Y | Y | Y | Y | Y | ? |
lightslategrey | N | N | ? | Y | Y | ? |
lightsteelblue | Y | Y | Y | Y | Y | ? |
lightyellow | Y | Y | Y | Y | Y | ? |
limegreen | Y | Y | Y | Y | Y | ? |
linen | Y | Y | Y | Y | Y | ? |
magenta | Y | Y | Y | Y | Y | ? |
mediumaquamarine | Y | Y | Y | Y | Y | ? |
mediumblue | Y | Y | Y | Y | Y | ? |
mediumorchid | Y | Y | Y | Y | Y | ? |
mediumpurple | Y | Y | Y | Y | Y | ? |
mediumseagreen | Y | Y | Y | Y | Y | ? |
mediumslateblue | Y | Y | Y | Y | Y | ? |
mediumspringgreen | Y | Y | Y | Y | Y | ? |
mediumturquoise | Y | Y | Y | Y | Y | ? |
mediumvioletred | Y | Y | Y | Y | Y | ? |
midnightblue | Y | Y | Y | Y | Y | ? |
mintcream | Y | Y | Y | Y | Y | ? |
mistyrose | Y | Y | Y | Y | Y | ? |
moccasin | Y | Y | Y | Y | Y | ? |
navajowhite | Y | Y | Y | Y | Y | ? |
oldlace | Y | Y | Y | Y | Y | ? |
olivedrab | Y | Y | Y | Y | Y | ? |
orangered | Y | Y | Y | Y | Y | ? |
orchid | Y | Y | Y | Y | Y | ? |
palegoldenrod | Y | Y | Y | Y | Y | ? |
palegreen | Y | Y | Y | Y | Y | ? |
paleturquoise | Y | Y | Y | Y | Y | ? |
palevioletred | Y | Y | Y | Y | Y | ? |
papayawhip | Y | Y | Y | Y | Y | ? |
peachpuff | Y | Y | Y | Y | Y | ? |
peru | Y | Y | Y | Y | Y | ? |
pink | Y | Y | Y | Y | Y | ? |
plum | Y | Y | Y | Y | Y | ? |
powderblue | Y | Y | Y | Y | Y | ? |
rosybrown | Y | Y | Y | Y | Y | ? |
royalblue | Y | Y | Y | Y | Y | ? |
saddlebrown | Y | Y | Y | Y | Y | ? |
salmon | Y | Y | Y | Y | Y | ? |
sandybrown | Y | Y | Y | Y | Y | ? |
seagreen | Y | Y | Y | Y | Y | ? |
seashell | Y | Y | Y | Y | Y | ? |
sienna | Y | Y | Y | Y | Y | ? |
skyblue | Y | Y | Y | Y | Y | ? |
slateblue | Y | Y | Y | Y | Y | ? |
slategray | Y | Y | Y | Y | Y | ? |
slategrey | N | N | ? | Y | Y | ? |
snow | Y | Y | Y | Y | Y | ? |
springgreen | Y | Y | Y | Y | Y | ? |
steelblue | Y | Y | Y | Y | Y | ? |
tan | Y | Y | Y | Y | Y | ? |
thistle | Y | Y | Y | Y | Y | ? |
tomato | Y | Y | Y | Y | Y | ? |
turquoise | Y | Y | Y | Y | Y | ? |
violet | Y | Y | Y | Y | Y | ? |
wheat | Y | Y | Y | Y | Y | ? |
whitesmoke | Y | Y | Y | Y | Y | ? |
yellowgreen | Y | Y | Y | Y | Y | ? |
Counter | ||||||
pages | N | N | ? | N | N | ? |
ID | ||||||
(General) | N | N | ? | N | N | ? |
Target name | ||||||
(General) | N | N | ? | N | N | ? |
At-rules provide special operations and selection mechanisms for the CSS document.
Feature | IE 6 | IE 7 | IE 8 | Firefox 3 | Opera 9 | Konqueror 3.5 |
---|---|---|---|---|---|---|
@color-profile | ||||||
(General) | N | N | ? | N | N | ? |
name | N | N | ? | N | N | ? |
src | N | N | ? | N | N | ? |
rendering-intent | N | N | ? | N | N | ? |
@media | ||||||
width | N | N | ? | N | I | ? |
min-width | N | N | ? | N | I | ? |
max-width | N | N | ? | N | I | ? |
height | N | N | ? | N | I | ? |
min-height | N | N | ? | N | I | ? |
max-height | N | N | ? | N | I | ? |
device-width | N | N | ? | N | I | ? |
min-device-width | N | N | ? | N | I | ? |
max-device-width | N | N | ? | N | I | ? |
device-height | N | N | ? | N | I | ? |
min-device-height | N | N | ? | N | I | ? |
max-device-height | N | N | ? | N | I | ? |
device-aspect-ratio | N | N | ? | N | I | ? |
min-device-aspect-ratio | N | N | ? | N | I | ? |
max-device-aspect-ratio | N | N | ? | N | I | ? |
color | N | N | ? | N | I | ? |
min-color | N | N | ? | N | I | ? |
max-color | N | N | ? | N | I | ? |
color-index | N | N | ? | N | I | ? |
min-color-index | N | N | ? | N | I | ? |
max-color-index | N | N | ? | N | I | ? |
monochrome | N | N | ? | N | N | ? |
min-monochrome | N | N | ? | N | N | ? |
max-monochrome | N | N | ? | N | N | ? |
resolution | N | N | ? | N | I | ? |
min-resolution | N | N | ? | N | I | ? |
max-resolution | N | N | ? | N | I | ? |
scan | N | N | ? | N | Y | ? |
grid | N | N | ? | N | Y | ? |
@page | ||||||
@top | N | N | ? | N | N | ? |
@top-left-corner | N | N | ? | N | N | ? |
@top-left | N | N | ? | N | N | ? |
@top-center | N | N | ? | N | N | ? |
@top-right | N | N | ? | N | N | ? |
@top-right-corner | N | N | ? | N | N | ? |
@bottom | N | N | ? | N | N | ? |
@bottom-left-corner | N | N | ? | N | N | ? |
@bottom-left | N | N | ? | N | N | ? |
@bottom-center | N | N | ? | N | N | ? |
@bottom-right | N | N | ? | N | N | ? |
@bottom-right-corner | N | N | ? | N | N | ? |
@left-top | N | N | ? | N | N | ? |
@left-middle | N | N | ? | N | N | ? |
@left-bottom | N | N | ? | N | N | ? |
@right-top | N | N | ? | N | N | ? |
@right-middle | N | N | ? | N | N | ? |
@right-bottom | N | N | ? | N | N | ? |
@float-area | N | N | ? | N | N | ? |
(Page name) | N | N | ? | N | N | ? |
Selectors specify where CSS rules are applied on the document.
Feature | IE 6 | IE 7 | IE 8 | Firefox 3 | Opera 9 | Konqueror 3.5 |
---|---|---|---|---|---|---|
E ~ F | ||||||
(General) | N | I | ? | Y | Y | ? |
[attr^="value"] | ||||||
(General) | N | I | ? | I | I | ? |
[attr$="value"] | ||||||
(General) | N | I | ? | I | I | ? |
[attr*="value"] | ||||||
(General) | N | I | ? | I | I | ? |
Pseudo-classes select elements in certain special states.
Feature | IE 6 | IE 7 | IE 8 | Firefox 3 | Opera 9 | Konqueror 3.5 |
---|---|---|---|---|---|---|
:root | ||||||
(General) | N | N | ? | Y | N | ? |
:nth-child(N) | ||||||
(General) | N | N | ? | N | N | ? |
b | N | N | ? | N | N | ? |
an | N | N | ? | N | N | ? |
an+b | N | N | ? | N | N | ? |
odd | N | N | ? | N | N | ? |
even | N | N | ? | N | N | ? |
:nth-last-child(N) | ||||||
(General) | N | N | ? | N | N | ? |
b | N | N | ? | N | N | ? |
an | N | N | ? | N | N | ? |
an+b | N | N | ? | N | N | ? |
odd | N | N | ? | N | N | ? |
even | N | N | ? | N | N | ? |
:nth-of-type(N) | ||||||
(General) | N | N | ? | N | N | ? |
b | N | N | ? | N | N | ? |
an | N | N | ? | N | N | ? |
an+b | N | N | ? | N | N | ? |
odd | N | N | ? | N | N | ? |
even | N | N | ? | N | N | ? |
:nth-last-of-type(N) | ||||||
(General) | N | N | ? | N | N | ? |
b | N | N | ? | N | N | ? |
an | N | N | ? | N | N | ? |
an+b | N | N | ? | N | N | ? |
odd | N | N | ? | N | N | ? |
even | N | N | ? | N | N | ? |
:last-child | ||||||
(General) | N | N | ? | Y | N | ? |
:first-of-type | ||||||
(General) | N | N | ? | N | N | ? |
:last-of-type | ||||||
(General) | N | N | ? | N | N | ? |
:only-child | ||||||
(General) | N | N | ? | Y | N | ? |
:only-of-type | ||||||
(General) | N | N | ? | N | N | ? |
:empty | ||||||
(General) | N | N | ? | Y | N | ? |
:target | ||||||
(General) | N | N | ? | Y | N | ? |
:enabled | ||||||
(General) | N | N | ? | Y | Y | ? |
:disabled | ||||||
(General) | N | N | ? | Y | Y | ? |
:checked | ||||||
(General) | N | N | ? | Y | Y | ? |
:contains(C) | ||||||
(General) | N | N | ? | N | N | ? |
:not(S) | ||||||
(General) | N | N | ? | Y | N | ? |
:default | ||||||
(General) | N | N | ? | Y | Y | ? |
:valid | ||||||
(General) | N | N | ? | Y | Y | ? |
:invalid | ||||||
(General) | N | N | ? | Y | Y | ? |
:in-range | ||||||
(General) | N | N | ? | Y | Y | ? |
:out-of-range | ||||||
(General) | N | N | ? | Y | Y | ? |
:required | ||||||
(General) | N | N | ? | N | Y | ? |
:optional | ||||||
(General) | N | N | ? | N | N | ? |
:read-only | ||||||
(General) | N | N | ? | N | N | ? |
:read-write | ||||||
(General) | N | N | ? | N | N | ? |
Pseudo-elements are styled portions of the displayed page that were created by one of the following selectors.
Feature | IE 6 | IE 7 | IE 8 | Firefox 3 | Opera 9 | Konqueror 3.5 |
---|---|---|---|---|---|---|
::selection | ||||||
(General) | N | N | ? | N | N | ? |
::value | ||||||
(General) | N | N | ? | N | N | ? |
::choices | ||||||
(General) | N | N | ? | N | N | ? |
::repeat-item | ||||||
(General) | N | N | ? | N | N | ? |
::repeat-index | ||||||
(General) | N | N | ? | N | N | ? |
The following are CSS properties that are used in normal graphical webpage displays in web browsers.
Feature | IE 6 | IE 7 | IE 8 | Firefox 3 | Opera 9 | Konqueror 3.5 |
---|---|---|---|---|---|---|
appearance | ||||||
(General) | N | N | ? | N | N | ? |
(Appearance) | N | N | ? | N | N | ? |
normal | N | N | ? | N | N | ? |
inherit | N | N | ? | N | N | ? |
box-sizing | ||||||
(General) | N | N | ? | N | Y | ? |
content-box | N | N | ? | N | I | ? |
border-box | N | N | ? | N | Y | ? |
inherit | N | N | ? | N | Y | ? |
color | ||||||
attr(<attr>, color) | N | N | ? | N | N | ? |
color-profile | ||||||
(General) | N | N | ? | N | N | ? |
(Profile name) | N | N | ? | N | N | ? |
(URI) | N | N | ? | N | N | ? |
auto | N | N | ? | N | N | ? |
sRGB | N | N | ? | N | N | ? |
inherit | N | N | ? | N | N | ? |
content | ||||||
(Appearance) | N | N | ? | N | N | ? |
icon | N | N | ? | N | N | ? |
cursor | ||||||
(General) | I | I | ? | Y | I | ? |
(Number) | N | N | ? | Y | N | ? |
none | N | N | ? | Y | N | ? |
context-menu | N | N | ? | Y | N | ? |
cell | N | N | ? | Y | N | ? |
vertical-text | Y | Y | Y | Y | N | ? |
alias | N | N | ? | Y | N | ? |
copy | N | N | ? | Y | N | ? |
no-drop | Y | Y | Y | Y | N | ? |
not-allowed | Y | Y | Y | Y | N | ? |
ew-resize | N | N | ? | Y | N | ? |
ns-resize | N | N | ? | Y | N | ? |
nesw-resize | N | N | ? | Y | N | ? |
nwse-resize | N | N | ? | Y | N | ? |
col-resize | Y | Y | Y | Y | N | ? |
row-resize | Y | Y | Y | Y | N | ? |
all-scroll | Y | Y | Y | Y | N | ? |
display | ||||||
ruby | N | N | ? | N | N | ? |
ruby-base | N | N | ? | N | N | ? |
ruby-base-container | N | N | ? | N | N | ? |
ruby-text | N | N | ? | N | N | ? |
ruby-text-container | N | N | ? | N | N | ? |
font | ||||||
(Appearance) | 5% | 5% | ? | 5% | 5% | ? |
icon | ||||||
(General) | N | N | ? | N | N | ? |
(URI) | N | N | ? | N | N | ? |
auto | N | N | ? | N | N | ? |
inherit | N | N | ? | N | N | ? |
nav-down | ||||||
(General) | N | N | ? | N | N | ? |
(ID) | N | N | ? | N | N | ? |
current | N | N | ? | N | N | ? |
root | N | N | ? | N | N | ? |
(Target name) | N | N | ? | N | N | ? |
inherit | N | N | ? | N | N | ? |
nav-index | ||||||
(General) | N | N | ? | N | N | ? |
(Number) | N | N | ? | N | N | ? |
auto | N | N | ? | N | N | ? |
inherit | N | N | ? | N | N | ? |
nav-left | ||||||
(General) | N | N | ? | N | N | ? |
(ID) | N | N | ? | N | N | ? |
current | N | N | ? | N | N | ? |
root | N | N | ? | N | N | ? |
(Target name) | N | N | ? | N | N | ? |
inherit | N | N | ? | N | N | ? |
nav-right | ||||||
(General) | N | N | ? | N | N | ? |
(ID) | N | N | ? | N | N | ? |
current | N | N | ? | N | N | ? |
root | N | N | ? | N | N | ? |
(Target name) | N | N | ? | N | N | ? |
inherit | N | N | ? | N | N | ? |
nav-up | ||||||
(General) | N | N | ? | N | N | ? |
(ID) | N | N | ? | N | N | ? |
current | N | N | ? | N | N | ? |
root | N | N | ? | N | N | ? |
(Target name) | N | N | ? | N | N | ? |
inherit | N | N | ? | N | N | ? |
opacity | ||||||
(General) | N | N | ? | Y | I | ? |
(Number) | N | N | ? | Y | Y | ? |
outline-offset | ||||||
(General) | N | N | ? | Y | N | ? |
(Length) | N | N | ? | Y | N | ? |
inherit | N | N | ? | Y | N | ? |
rendering-intent | ||||||
(General) | N | N | ? | N | N | ? |
auto | N | N | ? | N | N | ? |
perceptual | N | N | ? | N | N | ? |
relative-colorimetric | N | N | ? | N | N | ? |
saturation | N | N | ? | N | N | ? |
absolute-colorimetric | N | N | ? | N | N | ? |
inherit | N | N | ? | N | N | ? |
resize | ||||||
(General) | N | N | ? | N | N | ? |
none | N | N | ? | N | N | ? |
horizontal | N | N | ? | N | N | ? |
vertical | N | N | ? | N | N | ? |
inherit | N | N | ? | N | N | ? |
ruby-align | ||||||
(General) | I | I | ? | N | N | ? |
auto | Y | Y | Y | N | N | ? |
start | N | N | ? | N | N | ? |
left | Y | Y | Y | N | N | ? |
center | Y | Y | Y | N | N | ? |
end | N | N | ? | N | N | ? |
right | Y | Y | Y | N | N | ? |
distribute-letter | Y | Y | Y | N | N | ? |
distribute-space | Y | Y | Y | N | N | ? |
line-edge | Y | Y | Y | N | N | ? |
inherit | N | N | ? | N | N | ? |
initial | N | N | ? | N | N | ? |
ruby-overhang | ||||||
(General) | I | I | ? | N | N | ? |
auto | Y | Y | Y | N | N | ? |
start | N | N | ? | N | N | ? |
end | N | N | ? | N | N | ? |
none | Y | Y | Y | N | N | ? |
inherit | N | N | ? | N | N | ? |
initial | N | N | ? | N | N | ? |
ruby-position | ||||||
(General) | N | N | ? | N | N | ? |
before | N | N | ? | N | N | ? |
after | N | N | ? | N | N | ? |
right | N | N | ? | N | N | ? |
inherit | N | N | ? | N | N | ? |
initial | N | N | ? | N | N | ? |
ruby-span | ||||||
(General) | N | N | ? | N | N | ? |
attr(<attr>) | N | N | ? | N | N | ? |
none | N | N | ? | N | N | ? |
inherit | N | N | ? | N | N | ? |
initial | N | N | ? | N | N | ? |
The following CSS properties allow special formatting on paged media, such as pages printed with a printer.
Feature | IE 6 | IE 7 | IE 8 | Firefox 3 | Opera 9 | Konqueror 3.5 |
---|---|---|---|---|---|---|
image-orientation | ||||||
(General) | N | N | ? | N | N | ? |
(Angle) | N | N | ? | N | N | ? |
auto | N | N | ? | N | N | ? |
page | ||||||
(General) | N | N | ? | N | N | ? |
(Page name) | N | N | ? | N | N | ? |
auto | N | N | ? | N | N | ? |
page-policy | ||||||
(General) | N | N | ? | N | N | ? |
start | N | N | ? | N | N | ? |
first | N | N | ? | N | N | ? |
last | N | N | ? | N | N | ? |
size (@page) | ||||||
(General) | N | N | ? | N | N | ? |
(Length) | N | N | ? | N | N | ? |
auto | N | N | ? | N | N | ? |
landscape | N | N | ? | N | N | ? |
portrait | N | N | ? | N | N | ? |
A5 | N | N | ? | N | N | ? |
A4 | N | N | ? | N | N | ? |
A3 | N | N | ? | N | N | ? |
B5 | N | N | ? | N | N | ? |
B4 | N | N | ? | N | N | ? |
letter | N | N | ? | N | N | ? |
legal | N | N | ? | N | N | ? |
ledger | N | N | ? | N | N | ? |