The following table is a list of CSS properties and whether they are supported in Firefox, Chrome, Safari, and Opera™ browsers.
CSS3 Property |
Firefox |
Chrome |
Safari |
Opera |
---|---|---|---|---|
Borders | ||||
border-radius |
Supported - 4+ |
Supported |
Supported |
Supported |
box-shadow |
Supported |
Supported |
Supported |
Supported |
border-image |
Supported |
Supported |
Supported - Safari 6 webkit-border-image-Safari 5 |
o-border-image |
Background | ||||
background-size |
Supported |
Supported |
Supported |
Supported |
background-origin |
Supported |
Supported |
Supported |
Supported |
Animations | ||||
keyframes |
Supported |
webkit-keyframes |
webkit-keyframes |
Supported |
animation |
Supported |
webkit-animation |
webkit-animation |
Supported |
animation-name |
Supported |
webkit-animation-name |
webkit-animation |
Supported |
animation-duration |
Supported |
webkit-animation-duration |
webkit-animation |
Supported |
animation-timing-function |
Supported |
webkit-animation-timing-function |
webkit-animation |
Supported |
animation-delay |
Supported |
webkit-animation-delay |
webkit-animation |
Supported |
animation-iteration-count |
Supported |
webkit-animation-iteration-count |
webkit-animation |
Supported |
animation-direction |
Supported |
webkit-animation-direction |
webkit-animation |
Supported |
animation-play-state |
Supported |
webkit-animation-play-state |
webkit-animation |
Supported |
Text | ||||
text-shadow |
Supported |
Supported |
Supported |
Supported |
word-wrap |
Supported |
Supported |
Supported |
Supported |
text-overflow |
Supported |
Supported |
Supported |
Supported |
word-break |
Supported |
Supported |
Supported |
Not Supported |
text-justify |
Not Supported |
Not Supported |
Not Supported |
Not Supported |
2D and 3D Transforms | ||||
transform |
Supported |
webkit-transform - 2D and 3D |
webkit-transform - 2D and 3D |
Supported |
transform-origin |
Supported |
webkit-transform-origin - 2D and 3D |
webkit-transform - 2D and 3D |
Supported |
transform-style |
Supported |
webkit-transform-style |
webkit-transform-style |
Not Supported |
perspective |
webkit-perspective |
webkit-perspective |
Not Supported | |
perspective-origin |
webkit-perspective-origin |
webkit-perspective-origin |
Not Supported | |
backface-visibility |
moz-backface-visibility |
webkit-backface-visibility |
webkit-backface-visibility |
Not Supported |
Fonts | ||||
font-feature-settings |
moz-font-feature-settings |
webkit-moz-feature-settings |
webkit-moz-feature-settings |
o-moz-font-feature-settings |
hyphens |
Not Supported |
Not Supported |
Not Supported |
Not Supported |
hyphenate-limit-zone |
Not Supported |
Not Supported |
Not Supported |
Not Supported |
hyphenate-limit-chars |
Not Supported |
Not Supported |
Not Supported |
Not Supported |
hyphenate-limit-lines |
Not Supported |
Not Supported |
Not Supported |
Not Supported |
Multi Column Layout | ||||
columns |
moz-columns |
webkit-columns |
webkit-columns |
Supported |
column-count |
moz-columns-count |
webkit-column-count |
webkit-column-count |
Supported |
column-gap |
moz-columns-gap |
webkit-column-gap |
webkit-column-gap |
Supported |
column-rule |
moz-columns-rule |
webkit-column-rule |
webkit-column-rule |
Supported |
column-rule-color |
moz-columns-rule-color |
webkit-column-rule-color |
webkit-column-rule-color |
Supported |
column-rule-style |
moz-columns-rule-style |
webkit-column-rule-style |
webkit-column-rule-style |
Supported |
column-rule-width |
moz-columns-rule-width |
webkit-column-rule-width |
webkit-column-rule-width |
Supported |
column-span |
Not Supported |
webkit-column-span |
webkit-column-span |
Supported |
column-width |
moz-column-width |
webkit-column-width |
webkit-column-width |
Supported |
column-fill |
Not Supported |
Not Supported |
Not Supported |
Not Supported |
break-after |
Not Supported |
Not Supported |
Not Supported |
Not Supported |
break-before |
Not Supported |
Not Supported |
Not Supported |
Not Supported |
break-inside |
Not Supported |
Not Supported |
Not Supported |
Not Supported |
Transitions | ||||
transition |
Supported |
Supported |
webkit-transition |
Supported |
transition-property |
Supported |
Supported |
webkit-transition-property |
Supported |
transition-duration |
Supported |
Supported |
webkit-transition-duration |
Supported |
transition-timing-function |
Supported |
Supported |
webkit-transition-timing-function |
Supported |
transition-delay |
Supported |
Supported |
webkit-transition-delay |
Supported |
User Interface | ||||
resize |
Supported |
Supported |
Supported |
Supported |
border-box |
Supported |
Supported |
Supported |
Supported |
outline-offset |
Supported |
Supported |
Supported |
Supported |
appearance |
Supported |
Supported |
Supported |
Supported |
Gradients | ||||
linear-gradient |
Not Supported |
Not Supported |
Not Supported |
Not Supported |
radial-gradient |
Not Supported |
Not Supported |
Not Supported |
Not Supported |
repeating-linear-gradient |
Not Supported |
Not Supported |
Not Supported |
Not Supported |
repeating-radial-gradient |
Not Supported |
Not Supported |
Not Supported |
Not Supported |
WebFOCUS |