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à.
Selettori | |||||
---|---|---|---|---|---|
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 | |||||
---|---|---|---|---|---|
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 | |||||
---|---|---|---|---|---|
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 | |||||
---|---|---|---|---|---|
@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 | |||||
---|---|---|---|---|---|
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 | |||||
---|---|---|---|---|---|
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 | |||||
---|---|---|---|---|---|
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 |