Tabelle del supporto sui browser dei CSS3

Le seguenti tabelle sintetizzano il supporto sui principali browser delle proprietà CSS3. Per ciascun browser viene indicata la versione più bassa che supporta una specifica funzionalità. I link rimandano alle lezioni della guida in cui sono trattate le singole proprietà.

Indice dei contenuti

Selettori Internet Explorer Firefox Safari Google Chrome Opera
Selettore universale (*) 8.0+ (con bug sulle versioni 6.0 e 7.0) 1.0 1.0 1.0 1.0
Selettori di tipo 4.0+ 1.0 1.0 1.0 1.0
Selettori di classe 4.0+ 1.0 1.0 1.0 1.0
Selettori di ID 4.0+ 1.0 1.0 1.0 1.0
Selettore di discendenti 4.0+ 1.0+ 1.0+ 1.0+ 7.0+
Selettore di figli (>) 7.0+ 1.0+ 1.0+ 1.0+ 7.0+
Selettore di fratelli adiacenti (+) 7.0+ 1.0+ 1.0+ 1.0+ 7.0+
Selettore generale di fratelli (~) 7.0+ 1.5+ 2.0+ 1.0+ 9.0+
E[attribute] 7.0+ 1.0+ 1.0+ 1.0+ 7.0+
E[attribute=value] 7.0+ 1.0+ 1.0+ 1.0+ 7.0+
E[attribute~=value] 7.0+ 1.0+ 1.0+ 1.0+ 7.0+
E[attribute|=value] 7.0+ 1.0+ 1.0+ 1.0+ 7.0+
E[attribute^=value] 7.0+ 1.0+ 1.0+ 1.0+ 7.0+
E[attribute$=value] 7.0+ 1.0+ 1.0+ 1.0+ 9.0+
E[attribute*=value] 7.0+ 1.0+ 1.0+ 1.0+ 9.0+
E:link 3.0+ 1.0+ 1.0+ 1.0+ 1.0+
E:visited 3.0+ 1.0+ 1.0+ 1.0+ 1.0+
E:active 8.0+ 1.0+ 1.0+ 1.0+ 7.0+
E:hover 7.0+ 1.0+ 1.0+ 1.0+ 7.0+
E:focus 8.0+ 1.0+ 1.0+ 1.0+ 7.0+
E:first-child 7.0+ 1.0+ 1.0+ 1.0+ 7.0+
E:root 9.0+ 1.0+ 1.0+ 1.0+ 9.5+
E:nth-child() 9.0+ 3.5+ 3.1+ 1.0+ 9.5+
E:nth-last-child() 9.0+ 3.5+ 3.1+ 1.0+ 9.5+
E:last-child 9.0+ 1.0+ 3.1+ 1.0+ 9.5+
E:only-child 9.0+ 1.5+ 3.1+ 1.0+ 9.5+
E:nth-of-type() 9.0+ 3.5+ 3.1+ 1.0+ 9.0+
E:nth-last-of-type() 9.0+ 3.5+ 3.1+ 1.0+ 9.5+
E:first-of-type 9.0+ 3.5+ 3.1+ 1.0+ 9.5+
E:last-of-type 9.0+ 3.5+ 3.1+ 1.0+ 9.5+
E:only-of-type() 9.0+ 3.5+ 3.1+ 1.0+ 9.5+
E:empty 9.0+ 1.5+ 2.0+ 1.0+ 9.5+
E:target 9.0+ 1.0+ 3.1+ 1.0+ 10.5+
E:not 9.0+ 1.5+ 1.0+ 1.0+ 9.5+
E:enabled 9.0+ 1.5+ 3.1+ 1.0+ 9.0+
E:disabled 9.0+ 1.5+ 3.1+ 1.0+ 9.0+
E:checked 9.0+ 1.5+ 3.1+ 1.0+ 9.0+
:default No 3.5+ 4.0+ 2.0+ 9.0+
:valid No 4.0+ 4.0+ 2.0+ 9.0+
:invalid No 4.0+ 4.0+ 2.0+ 9.0+
:in-range No No No 7.0+ 9.0+
:out-of-range No No No 7.0+ 9.0+
:read-only No Sperimentale No No Incorretto
:read-only No Sperimentale No No Incorretto
Colore Internet Explorer Firefox Safari Google Chrome Opera
opacity 9.0+ 1.0+ 1.0+ 1.0+ 9.0+
RGBa 9.0+ 3.0+ 3.1+ 1.0+ 10.0+
HSL 9.0+ 1.0+ 3.1+ 1.0+ 9.5+
HSLa 9.0+ 3.0+ 3.1+ 1.0+ 10.0+
Bordi e sfondi Internet Explorer Firefox Safari Google Chrome Opera
border-radius 9.0+ 4.0+ 5.0+ 4.0+ 10.5+
border-image No 3.5+ (sperimentale) 3.1+ (sperimentale) 2.0+ (sperimentale) 10.5+ (sperimentale)
box-shadow 9.0+ 4.0+ 3.0+ (con prefisso -webkit-) 10.0+ 10.5+
Immagini di sfondo multiple 9.0+ 3.6+ 1.3+ 1.0+ 10.5+
background-clip 9.0+ 4.0+ 3.0+ (con prefisso -webkit-) 1.0+ 10.5+
background-origin 9.0+ 4.0+ 3.0+ (con prefisso -webkit-) 1.0+ 10.5+
background-size 9.0+ 4.0+ 5.0+ 3.0+ 9.5+
Gradienti 10.0+ 3.6+ 4.0+ (non standard) 10.0+ 11.0+
Testo e font Internet Explorer Firefox Safari Google Chrome Opera
@font-face 4.0+ 3.5+ 3.1+ 4.0+ 10.0+
word-wrap 5.5+ 3.5+ 1.0+ 1.0+ 10.5+
text-shadow No 3.5+ 1.0+ 1.0+ 9.5+
Box model, layout, interfaccia utente Internet Explorer Firefox Safari Google Chrome Opera
overflow-x 9.0 1.5+ 3.0+ 1.0+ 9.5+
overflow-y 9.0+ 1.5+ 3.0+ 1.0+ 9.5+
box-sizing 8.0+ 1.0+ 3.0+ 1.0+ 7.0+
column-width 10.0+ 1.5+ (con prefisso -moz-) 3.0+ (con prefisso -webkit-) 1.0+ (con prefisso -webkit-) 11.10+
column-count 10.0+ 1.5+ (con prefisso -moz-) 3.0+ (con prefisso -webkit-) 1.0+ (con prefisso -webkit-) 11.10+
column-gap 10.0+ 1.5+ (con prefisso -moz-) 3.0+ (con prefisso -webkit-) 1.0+ (con prefisso -webkit-) 11.10+
column-rule 10.0+ 1.5+ (con prefisso -moz-) 3.0+ (con prefisso -webkit-) 1.0+ (con prefisso -webkit-) 11.10+
columns 10.0+ No 3.0+ (con prefisso -webkit-) 1.0+ (con prefisso -webkit-) 11.10+
break-before No No Nightly build Nightly build 11.10+
break-after No No Nightly build Nightly build 11.10+
break-inside No No No No 11.10+
column-gap 10+ No No 5.0+ 11.10+
column-fill 10+ No No No 11.10+
Flexible layout 10.0+ 3.0+ 3.0+ 1.0+ No
Media queries Internet Explorer Firefox Safari Google Chrome Opera
width 9.0+ 3.5+ 4.0+ 2.0+ 9.0+
height 9.0+ 3.5+ 4.0+ 2.0+ 9.0+
device-width 9.0+ 3.5+ 4.0+ 2.0+ 9.0+
device-height 9.0+ 3.5+ 4.0+ 2.0+ 9.0+
device-aspect-ratio 9.0+ 3.5+ 4.0+ 2.0+ 9.0+
color 9.0+ 3.5+ 4.0+ 2.0+ 10.5+
color-index 9.0+ 3.5+ 4.0+ 2.0+ 10.5+
monochrome 9.0+ 3.5+ 4.0+ 2.0+ 10.5+
resolution 9.0+ 3.5+ 4.0+ 2.0+ 10.5+
orientation 9.0+ 3.5+ 4.0+ 2.0+ No
aspect-ratio 9.0+ 3.5+ 4.0+ 2.0+ 9.5
scan 9.0+ No No No 10.5
grid 9.0+ No No No 10.5
Transizioni, trasformazioni, animazioni Internet Explorer Firefox Safari Google Chrome Opera
transition-property No 4.0+ 3.2+ 2.0+ 10.5+
transition-duration No 4.0+ 3.2+ 2.0+ 10.5+
transition-delay No 4.0+ 3.2+ 2.0+ 10.5+
transition-timing-function No 4.0+ 3.2+ 2.0+ 10.5+
transition No 4.0+ 3.2+ 2.0+ 10.5+
transform 9.0+ 3.5+ 3.1+ 2.0+ 10.5+
transform-origin 9.0+ 3.5+ 3.1+ 2.0+ 10.5+
Animazioni CSS3 No 5.0+ 4.0+ 1.0+ No