CSS3 Browser Support Reference
W3Schools' Browser support reference is tested regularly with all major browsers.
CSS3 Browser support
The table below lists all CSS3 properties and their browser support:
Property | IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|---|
align-content | 11 | 28 | 21 | 12.1 | |
align-items | 11 | 20 | 21 | 7 | 12.1 |
align-self | 11 | 20 | 21 | 12.1 | |
@keyframes | 10 | 16 | 4 | 12.1 | |
animation | 10 | 16 | 4 | 12.1 | |
animation-name | 10 | 16 | 4 | 12.1 | |
animation-duration | 10 | 16 | 3 | 4 | 12.1 |
animation-timing-function | 10 | 16 | 12.1 | ||
animation-delay | 10 | 16 | 4 | 12.1 | |
animation-iteration-count | 10 | 16 | 4 | 12.1 | |
animation-direction | 10 | 16 | 4 | 12.1 | |
animation-play-state | 10 | 16 | 12.1 | ||
backface-visibility | 10 | 16 | 12 | 15 | |
background-clip | 9 | 4 | 4 | 3 | 10.5 |
background-origin | 9 | 4 | 4 | 3 | 10.5 |
background-size | 9 | 4 | 4 | 4.1 | 10 |
border-bottom-left-radius | 9 | 4 | 4 | 5 | 10.5 |
border-bottom-right-radius | 9 | 4 | 4 | 5 | 10.5 |
border-image | 11 | 15 | 16 | 6 | 15 |
border-image-outset | 11 | 15 | 15 | 6 | |
border-image-repeat | 11 | 15 | 15 | 6 | |
border-image-slice | 11 | 15 | 15 | 6 | |
border-image-source | 11 | 15 | 15 | 6 | |
border-image-width | 11 | 13 | 15 | 6 | |
border-radius | 9 | 4 | 4 | 5 | 10.5 |
border-top-left-radius | 9 | 4 | 4 | 5 | 10.5 |
border-top-right-radius | 9 | 4 | 4 | 5 | 10.5 |
box-decoration-break | |||||
box-shadow | 9 | 4 | 10 | 5.1 | 10.5 |
box-sizing | 8 | 29 | 9 | 5.1 | 7 |
break-after | 10 | 11.1 | |||
break-before | 10 | 11.1 | |||
break-inside | |||||
column-fill | 13 | ||||
column-gap | 10 | 3 | 11.1 | ||
column-rule | 10 | 3.5 | 3 | 11.1 | |
column-rule-color | 10 | 3.5 | 3 | 11.1 | |
column-rule-style | 10 | 3.5 | 3 | 11.1 | |
column-rule-width | 10 | 11.1 | |||
column-span | 10 | 11.1 | |||
column-width | 10 | 3 | 11.1 | ||
columns | 10 | 9.9 | 3 | 11.1 | |
column-count | 10 | 3 | 11.1 | ||
fit | |||||
flex | 11 | 20 | 29 | 12.1 | |
flex-basis | 22 | 29 | 12.1 | ||
flex-direction | 20 | 29 | 12.1 | ||
flex-flow | 28 | 29 | 12.1 | ||
flex-grow | 20 | 29 | 12.1 | ||
flex-shrink | 20 | 29 | 12.1 | ||
flex-wrap | 11 | 28 | 29 | 6.1 | 12.1 |
@font-face | 9 | 3.6 | 4 | 3 | 10 |
font-feature-setting | 10 | 4 | 16 | ||
@font-feature-values | |||||
font-kerning | |||||
font-language-override | |||||
font-synthesis | |||||
font-variant-alternates | |||||
font-variant-caps | |||||
font-variant-east-asian | |||||
font-variant-ligatures | |||||
font-variant-numeric | |||||
font-variant-position | |||||
font-size-adjust | 3 | ||||
font-stretch | 9 | 9 | |||
hanging-punctuation | |||||
hyphens | 10 | 6 | 13 | 5.1 | |
icon | |||||
image-orientation | 26 | ||||
image-rendering | 11.6 | ||||
image-resolution | |||||
justify-content | 20 | 29 | 12.1 | ||
line-break | |||||
mark | |||||
mark-after | |||||
mark-before | |||||
marks | |||||
marquee-direction | |||||
marquee-play-count | |||||
marquee-speed | |||||
marquee-style | |||||
nav-down | 11.5 | ||||
nav-index | 11.5 | ||||
nav-left | 11.5 | ||||
nav-right | 11.5 | ||||
nav-up | 11.5 | ||||
object-fit | |||||
object-position | |||||
opacity | 9 | 2 | 4 | 3.1 | 9 |
order | 20 | 29 | 12.1 | ||
outline-offset | 5.5 | 3.5 | 10.5 | ||
overflow-wrap | 9 | 3.5 | 3 | 9.5 | |
overflow-x | 9 | 3.5 | 3 | 9.5 | |
overflow-y | 9 | 3 | 9.5 | ||
@page | 8 | 19 | 5 | 6 | |
perspective | 10 | 16 | 12 | 5 | |
perspective-origin | 10 | 16 | 12 | ||
resize | 5 | 4 | 4 | ||
rest | |||||
rest-after | |||||
rest-before | |||||
ruby-align | |||||
tab-size | 4 | 21 | 15 | ||
text-align-last | 5.5 | 12 | |||
text-combine-horizontal | |||||
text-decoration-color | 6 | ||||
text-decoration-line | 6 | ||||
text-decoration-style | 6 | ||||
text-justify | |||||
text-orientation | |||||
text-overflow | 6 | 7 | 4 | 3.1 | 11 |
text-shadow | 10 | 3.5 | 4 | 4 | 9.5 |
text-underline-position | |||||
transform | 10 | 16 | 3.1 | 15 | |
transform-origin | 10 | 16 | 3.1 | 15 | |
transform-style | 16 | 12 | 5 | 15 | |
transition | 10 | 16 | 26 | 3 | 12.1 |
transition-property | 10 | 16 | 26 | 12.1 | |
transition-duration | 10 | 16 | 26 | 3 | 12.1 |
transition-timing-function | 10 | 16 | 26 | 12.1 | |
transition-delay | 10 | 16 | 26 | 3 | 12.1 |
word-break | 5.5 | 15 | 4 | 3 | 15 |
word-wrap | 5.5 | 3.5 | 4 | 3.1 | 10.5 |
writing-mode |
Icon Explanations
Supported by Internet Explorer | |
Supported by Firefox | |
Supported by Google Chrome | |
Supported by Safari | |
Supported by Opera |
Supported by Internet Explorer with the prefix -ms- | |
Supported by Firefox with the prefix -moz- | |
Supported by Google Chrome with the prefix -webkit- | |
Supported by Safari with the prefix -webkit- | |
Supported by Opera with the prefix -webkit- |
For some properties you see the browser icon and a number:
11 | 26 | 29 | 5 | 15 |
The number indicates in which browser version the property was first supported.
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]