Tutorials
THE WORLD'S LARGEST WEB DEVELOPER SITE

CSS3 Browser Support Reference

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 9 12.1
align-items 11 20 21 9 12.1
align-self 11 20 21 9 12.1
all 27 37 24
@keyframes 10 16 43 9 30
animation 10 16 43 9 30
animation-name 10 16 43 9 30
animation-duration 10 16 43 9 30
animation-timing-function 10 16 43 9 30
animation-delay 10 16 43 9 30
animation-iteration-count 10 16 43 9 30
animation-direction 10 16 43 9 30
animation-play-state 10 16 43 9 30
backface-visibility 10 16 36 9 23
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 5 5 10.5
border-bottom-right-radius 9 4 5 5 10.5
border-image 11 15 16 6 15
border-image-outset 11 15 15 6 15
border-image-repeat 11 15 15 6 15
border-image-slice 11 15 15 6 15
border-image-source 11 15 15 6 15
border-image-width 11 13 15 6 15
border-radius 9 4 5 5 10.5
border-top-left-radius 9 4 5 5 10.5
border-top-right-radius 9 4 5 5 10.5
box-decoration-break 32 22 6.1 15
box-shadow 9 4 10 5.1 10.5
box-sizing 8 29 10  5.1 9.5
break-after 10 11.1
break-before 10 11.1
break-inside
column-count 10 2 50 9 37
column-fill 13
column-gap 10 2 50 9 37
column-rule 10 2 50 9 37
column-rule-color 10 2 50 9 37
column-rule-style 10 2 50 9 37
column-rule-width 10 2 50 9 37
column-span 10 50 9 37
column-width 10 2 50 9 37
columns 10 9 50 9 37
filter 13 35 18 9.1 15
fit
flex 11 28 29 9 17
flex-basis 11 28 29 9 17
flex-direction 11 28 29 9 17
flex-flow 11 28 29 9 17
flex-grow 11 28 29 9 17
flex-shrink 11 28 29 9 17
flex-wrap 11 28 29 9 17
@font-face 9 3.6 4 3 10
@font-feature-values
font-feature-settings 10 34 16 25
font-kerning
font-language-override
font-size-adjust 3
font-stretch
font-synthesis
font-variant          
font-variant-alternates
font-variant-caps
font-variant-east-asian
font-variant-ligatures
font-variant-numeric
font-variant-position
hanging-punctuation
hyphens 10 6 13 5.1
image-orientation 26
image-rendering 11.6
image-resolution
justify-content 11 28 29 9 17
line-break 5.5 1
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 36 31 7.1 19
object-position 36 31 19
opacity 9 2 4 3.1 9
order 11 28 29 9 17
outline-offset 3.5 4 3 10.5
overflow-wrap 9 3.5 3 9.5
overflow-x 9 3.5 4 3 9.5
overflow-y 9 4 3 9.5
@page 8 19 5 6
perspective 10 16 36 9 23
perspective-origin 10 16 36 9 23
resize 5 4 4 15
rest
rest-after
rest-before
ruby-align 38
tab-size 4 21 6.1 15
text-align-last 5.5 12 35
text-combine-upright 11 48 48 34
text-decoration-color 6
text-decoration-line 6
text-decoration-style 6
text-justify 5.5
text-orientation 48 34
text-overflow 6 7 4 3.1 11
text-shadow 10 3.5 4 4 9.6
text-underline-position
transform 10 16 36 9 23
transform-origin 10 16 36 9 23
transform-style 11 16 36 9 23
transition 10 16 26 6.1 12.1
transition-delay 10 16 26 6.1 12.1
transition-duration 10 16 26 6.1 12.1
transition-property 10 16 26 6.1 12.1
transition-timing-function 10 16 26 6.1 12.1
word-break 5.5 15 4 3.1 15
word-wrap 5.5 3.5 4 3.1 10.5
writing-mode 9.0 41 8.0 5.1 15.0

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-

The numbers to the right of the browser icon indicates in which browser version the property was first supported.

11
26
29
6
23