CSS 浏览器支持
小白教程CSS3的浏览器支持参考会定期与所有主要浏览器进行测试。
CSS3 浏览器支持
对CSS3是没有一个W3C标准的，但全部的主流浏览器都已经支持许多新的功能。下面是有关所有的新的CSS3属性和他们的浏览器支持的参考：
| 属性 | 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 |
图标说明
 |
IE浏览器 |
 |
火狐浏览器 |
 |
Google Chrome浏览器 |
 |
Safari浏览器 |
 |
Opera浏览器 |
 |
前缀-ms-的IE浏览器 |
 |
前缀-moz-的火狐浏览器 |
 |
前缀-webkit-的Google Chrome浏览器 |
 |
前缀-webkit-的Safari浏览器 |
 |
前缀-o-的Opera浏览器 |
 |
前缀-xv-的Opera浏览器 |
对于某些属性，你会看到浏览器的图标和一个数字：
| 9 | 4 | 4 | 5 | 10.5 |
数字表示是第一次支持该属性的浏览器版本。