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 |