QuirksMode.org - CSS

This is the index page of all my CSS tests.

This page will eventually replace the old master page. Content will be migrated slowly, so check the old page for anything that’s missing here. See the special blog category for the most recent news on CSS tables migration and extension.

full (deliberate 404; ignore)

Table of Contents

All CSS selectors. IE5.5 1.1.1
Some CSS2 declarations that were never included in a CSS3 module. Includes such basics as display, position, and overflow. IE5.5 1.2.3
All declarations having to do with backgrounds and borders. IE7 1.0.2
How to split one element into multiple columns. IE9 1.0
New image syntax. Gradients. IE9 1.0.3
All declarations having to do with text and its flow and decoration. IE7 1.1
Some interesting property units and values, such as px, em, mm, calc() and vw. IE7 1.0.4
Miscellaneous. box-sizing, cursor, outline, resize. IE5.5 1.0.3

The last column states the lowest IE version I tested in, and the mobile browser test array version I used.

Index

Here are all selectors, properties, values, and units in alphabetical order. Media queries are not included; they’re all here.

I have to paste a script-generated index into this page. That means I will occasionally forget to update it when I publish new stuff.

! selector
not supported
* selector
desktop table
mobile table
+ selector
desktop table
mobile table
> selector
desktop table
mobile table
:active
desktop table
mobile table
:any-link
not supported
[attr] selector
desktop table
mobile table
[attr$=value] selector
desktop table
mobile table
attr()
not supported
[attr*=value] selector
desktop table
mobile table
[attr=value i]
not supported
[attr=value] selector
desktop table
mobile table
[attr^=value] selector
desktop table
mobile table
[attr|=value]
desktop table
mobile table
[attr~=value] selector
desktop table
mobile table
background-attachment
desktop table
background-attachment: fixed
mobile table
background-attachment: local
mobile table
background-clip
desktop table
mobile table
background-color
desktop table
mobile table
background-image
desktop table
mobile table
background-origin
desktop table
mobile table
background-position
desktop table
mobile table
background-repeat: no-repeat, repeat-x, repeat-y
desktop table
mobile table
background-repeat: space, round
desktop table
mobile table
background-size
desktop table
mobile table
:before and :after
desktop table
mobile table
border-collapse
desktop table
mobile table
border-radius
desktop table
mobile table
border-spacing
desktop table
mobile table
box-decoration-break
desktop table
mobile table
box-shadow
desktop table
mobile table
box-sizing
desktop table
mobile table
break-before: column
desktop table
mobile table
break-inside: avoid (columns)
desktop table
mobile table
calc()
desktop table
mobile table
caption-side
desktop table
mobile table
ch unit
desktop table
mobile table
:checked
desktop table
mobile table
Class selector
desktop table
mobile table
cm unit
desktop table
mobile table
column-count
desktop table
mobile table
column-fill
desktop table
mobile table
column-gap
desktop table
mobile table
column-rule
desktop table
mobile table
column-span
desktop table
mobile table
column-width
desktop table
mobile table
Columns (tables)
desktop table
mobile table
content
desktop table
mobile table
counters
desktop table
mobile table
cursor
desktop table
:default
desktop table
mobile table
Descendant selector
desktop table
mobile table
:disabled
desktop table
mobile table
display
desktop table
mobile table
Element selector
desktop table
mobile table
em unit
desktop table
mobile table
:empty
desktop table
mobile table
empty-cells
desktop table
mobile table
:enabled
desktop table
mobile table
ex unit
desktop table
mobile table
:first-child
desktop table
mobile table
:first-letter
desktop table
mobile table
:first-line
desktop table
mobile table
:first-of-type
desktop table
mobile table
:focus
desktop table
mobile table
font-style
desktop table
mobile table
font-variant
desktop table
mobile table
font-weight
desktop table
mobile table
hanging-punctuation
not supported
:hover
desktop table
mobile table
hyphens
desktop table
mobile table
icon
not supported
ID selector
desktop table
mobile table
image() value
not supported
image-orientation
not supported
image-resolution
not supported
in unit
desktop table
mobile table
:in-range
desktop table
mobile table
:invalid
desktop table
mobile table
invert value
desktop table
mobile table
:last-child
desktop table
mobile table
:last-of-type
desktop table
mobile table
letter-spacing
desktop table
mobile table
linear-gradient
desktop table
mobile table
:link
desktop table
mobile table
:local-link
not supported
:matches
not supported
min/max-width/height
desktop table
mobile table
mm unit
desktop table
mobile table
Multiple classes
desktop table
mobile table
nav-index
not supported
:not
desktop table
mobile table
:nth-child()
desktop table
mobile table
:nth-last-child()
desktop table
mobile table
:nth-last-of-type()
desktop table
mobile table
:nth-of-type()
desktop table
mobile table
object-fit
desktop table
mobile table
object-position
desktop table
mobile table
:only-child
desktop table
mobile table
:only-of-type
desktop table
mobile table
:optional
desktop table
mobile table
:out-of-range
desktop table
mobile table
outline
desktop table
mobile table
outline-offset
desktop table
mobile table
overflow
desktop table
overflow: auto
mobile table
overflow: visible and hidden
mobile table
overflow-scrolling
mobile table
overflow-wrap
desktop table
mobile table
pc unit
desktop table
mobile table
position
desktop table
position: fixed
mobile table
position: other values
mobile table
pt unit
desktop table
mobile table
px unit
desktop table
mobile table
quotes
desktop table
mobile table
radial-gradient
desktop table
mobile table
:read-only
desktop table
mobile table
:read-write
desktop table
mobile table
rem unit
desktop table
mobile table
:required
desktop table
mobile table
resize
desktop table
mobile table
:root
desktop table
mobile table
::selection
desktop table
mobile table
tab-size
desktop table
mobile table
table-layout
desktop table
mobile table
:target
desktop table
mobile table
text-align
desktop table
mobile table
text-align-last
desktop table
mobile table
text-decoration
desktop table
mobile table
text-decoration-line, -color, and -style
desktop table
mobile table
text-decoration-skip
not supported
text-indent
desktop table
mobile table
text-justify
desktop table
text-overflow
desktop table
mobile table
text-shadow
desktop table
mobile table
text-transform
desktop table
mobile table
toggle()
not supported
:valid
desktop table
mobile table
vh and vw units
desktop table
mobile table
visibility: collapse
desktop table
mobile table
:visited
desktop table
mobile table
vmax unit
desktop table
vmin unit
desktop table
mobile table
white-space
desktop table
mobile table
widows and orphans
desktop table
mobile table
word-spacing
desktop table
mobile table
word-wrap
desktop table
mobile table
~ selector
desktop table
mobile table

Future plans

Several general values, such as !important, all, inherit, initial, and default. Tests written
Color definitions. Tests written
Scrolling stuff that was once very popular. Tests written
As it says. Tests written
Smooth transitions between element states. Tests written
As it says. Not started
@supports Not started
To create your own list-styles. Not started
To order boxes next to each other. Writing tests; difficult
The really tricky typographic stuff. Need expert advice
Breaking columns and avoiding breaks. Widows and orphans. Not started
At last! Not started
To stretch up or rotate elements. Not started
Teh coolnez. Not started