The CSS3 browser supports a reference manual
The W3CSchool CSS3 browser support reference is regularly tested with all major browsers.
CSS3 browser support
There is no W3C standard for CSS3, but all major browsers already support many new features. Here are references to all the new CSS3 properties and their browser support:
| Property | Ie | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|---|
| alignment-adjust | |||||
| alignment-baseline | |||||
| @keyframes | 10 | 16 | 12.1 | ||
| animation | 10 | 16 | 12.1 | ||
| animation-name | 10 | 16 | 12.1 | ||
| animation-duration | 10 | 16 | 12.1 | ||
| animation-timing-function | 10 | 16 | 12.1 | ||
| animation-delay | 10 | 16 | 12.1 | ||
| animation-iteration-count | 10 | 16 | 12.1 | ||
| animation-direction | 10 | 16 | 12.1 | ||
| animation-play-state | 10 | 16 | 12.1 | ||
| appearance | 3 | ||||
| backface-visibility | 10 | ||||
| background-clip | 9 | 4 | 4 | 5 | 10.5 |
| background-origin | 9 | 4 | 4 | 5 | 10.5 |
| background-size | 9 | 4 | 4 | 5 | 10.5 |
| baseline-shift | |||||
| bookmark-label | |||||
| bookmark-level | |||||
| bookmark-target | |||||
| border-bottom-left-radius | 9 | 4 | 5 | 5 | 10.5 |
| border-bottom-right-radius | 9 | 4 | 5 | 5 | 10.5 |
| border-image | 15 | 16 | 6 | 11 | |
| border-image-outset | |||||
| border-image-repeat | |||||
| border-image-slice | |||||
| border-image-source | |||||
| border-image-width | |||||
| 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 | |||||
| box-align | |||||
| box-direction | |||||
| box-flex | 12.1 | ||||
| box-flex-group | |||||
| box-lines | |||||
| box-ordinal-group | |||||
| box-orient | |||||
| box-pack | |||||
| box-shadow | 9 | 4 | 10 | 5.1 | 10.5 |
| box-sizing | 8 | 10 | 5.1 | 9.5 | |
| color-profile | |||||
| column-fill | |||||
| column-gap | 10 | 11.1 | |||
| column-rule | 10 | 11.1 | |||
| column-rule-color | 10 | 11.1 | |||
| column-rule-style | 10 | 11.1 | |||
| column-rule-width | 10 | 11.1 | |||
| column-span | 10 | 11.1 | |||
| column-width | 10 | 11.1 | |||
| columns | 10 | 11.1 | |||
| column-count | 10 | 11.1 | |||
| crop | |||||
| dominant-baseline | |||||
| drop-initial-after-adjust | |||||
| drop-initial-after-align | |||||
| drop-initial-before-adjust | |||||
| drop-initial-before-align | |||||
| drop-initial-size | |||||
| drop-initial-value | |||||
| fit | |||||
| fit-position | |||||
| float-offset | |||||
| @font-face | 9 | 3.6 | 4 | 3 | 10 |
| font-size-adjust | 2 | ||||
| font-stretch | |||||
| grid-columns | |||||
| grid-rows | |||||
| hanging-punctuation | |||||
| hyphenate-after | |||||
| hyphenate-before | |||||
| hyphenate-characters | |||||
| hyphenate-lines | |||||
| hyphenate-resource | |||||
| hyphens | |||||
| icon | |||||
| image-orientation | |||||
| image-resolution | |||||
| inline-box-align | |||||
| line-stacking | |||||
| line-stacking-ruby | |||||
| line-stacking-shift | |||||
| line-stacking-strategy | |||||
| mark | |||||
| mark-after | |||||
| mark-before | |||||
| marks | |||||
| marquee-direction | |||||
| marquee-play-count | |||||
| marquee-speed | |||||
| marquee-style | |||||
| move-to | |||||
| nav-down | 11.5 | ||||
| nav-index | 11.5 | ||||
| nav-left | 11.5 | ||||
| nav-right | 11.5 | ||||
| nav-up | 11.5 | ||||
| opacity | 9 | 2 | 4 | 3.1 | 9 |
| outline-offset | 11 | ||||
| overflow-style | |||||
| overflow-x | 9 | 2 | |||
| overflow-y | 9 | 2 | |||
| page | |||||
| page-policy | |||||
| perspective | 5 | ||||
| perspective-origin | |||||
| punctuation-trim | |||||
| rendering-intent | |||||
| resize | 5 | 4 | 4 | ||
| rest | |||||
| rest-after | |||||
| rest-before | |||||
| rotation | |||||
| rotation-point | |||||
| ruby-align | |||||
| ruby-overhang | |||||
| ruby-position | |||||
| ruby-span | |||||
| size | |||||
| string-set | |||||
| target | |||||
| target-name | |||||
| target-new | |||||
| target-position | |||||
| text-align-last | |||||
| text-emphasis | |||||
| text-height | |||||
| text-justify | 5 | ||||
| text-outline | |||||
| text-overflow | 6 | 7 | 4 | 3.1 | 11 |
| text-shadow | 10 | 3.5 | 4 | 4 | 9.5 |
| text-wrap | |||||
| transform | 10 | 16 | 12.1 | ||
| transform-origin | 10 | 16 | 12.1 | ||
| transform-style | 5 | ||||
| transition | 10 | 16 | 26 | 12.1 | |
| transition-property | 10 | 16 | 26 | 12.1 | |
| transition-duration | 10 | 16 | 26 | 12.1 | |
| transition-timing-function | 10 | 16 | 26 | 12.1 | |
| transition-delay | 10 | 16 | 26 | 12.1 | |
| word-break | 5.5 | 15 | 4 | 3 | |
| word-wrap | 5 | 3.5 | 4 | 3.1 | 10.5 |
Icon description
|
|
IE browser |
|
|
Firefox |
|
|
Google Chrome |
|
|
Safari |
|
|
Opera browser |
|
|
Prefix -ms - Internet Explorer |
|
|
Prefix -moz - Firefox browser |
|
|
Prefix - webkit - Google Chrome browser |
|
|
Prefix - webkit - Safari browser |
|
|
The Opera browser with the prefix -o |
|
|
Prefix -xv- Opera browser |
For some properties, you'll see the browser icon and a number:
| 9 | 4 | 4 | 5 | 10.5 |
The number indicates the browser version that supports the property for the first time.