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

How flexbox really works. March 2023
All CSS selectors. 1.0.1 1.1.1
Some CSS2 declarations that were never included in a CSS3 module. Includes such basics as display, position, and overflow. pre 1.2.3
All declarations having to do with backgrounds and borders. 3.0 3.1
Several general values, such as !important, all, inherit, initial, and default. 2.0 2.0
How to split one element into multiple columns. pre 1.0
Color definitions. 2.0.1 -
@supports 3.0 3.1
List styles and more modern syntax 2.0.1 -
New image syntax. Gradients. 2.0.3 2.0.3
As it says. - 2.0.1
All declarations having to do with text and its flow and decoration. 1.0 1.1
Smooth transitions between element states. 2.0.2 2.0.2
Some interesting property units and values, such as px, em, mm, calc() and vw. pre 1.0.4
Miscellaneous. box-sizing, cursor, outline, resize. pre 1.0.3

The last columns state the desktop and mobile browser test array versions 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
!important
desktop table
mobile table
* selector
desktop table
mobile table
+ selector
desktop table
mobile table
> selector
desktop table
mobile table
@counter-style
not supported
@import
desktop table
mobile table
@supports
desktop table
mobile table
:active
desktop table
mobile table
all
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
Color keywords
desktop 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
currentColor value
desktop 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
hsl() and hsla() functions
desktop table
hyphens
desktop table
mobile table
icon
not supported
ID selector
desktop table
mobile table
image() value
not supported
image-orientation
desktop table
mobile table
image-resolution
not supported
in unit
desktop table
mobile table
:in-range
desktop table
mobile table
inherit value
desktop table
mobile table
initial value
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
list-style-image
desktop table
list-style-position
desktop table
list-style-type
desktop 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
opacity
desktop 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
rgb() and rgba() functions
desktop table
:root
desktop table
mobile table
Scoped styles
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
transition-delay
desktop table
mobile table
transition-duration
desktop table
mobile table
transition-property
desktop table
mobile table
transition-timing-function
desktop table
mobile table
transitionend event
desktop table
mobile table
transparent value
desktop table
unset value
desktop table
mobile table
: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

Scrolling stuff that was once very popular. Tests written
Teh coolnez. Some tests written
As it says. 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