小兔网

Note CSS3的浏览器支持参考会定期与所有主要浏览器进行测试。

CSS3 浏览器支持

对CSS3是没有一个W3C标准的,但全部的主流浏览器都已经支持许多新的功能。下面是有关所有的新的CSS3属性和他们的浏览器支持的参考:

属性IEFirefoxChromeSafariOpera
alignment-adjust     
alignment-baseline     
@keyframes1016  12.1
animation1016  12.1
animation-name1016  12.1
animation-duration1016  12.1
animation-timing-function1016  12.1
animation-delay1016  12.1
animation-iteration-count1016  12.1
animation-direction1016  12.1
animation-play-state1016  12.1
appearance 3   
backface-visibility10    
background-clip944510.5
background-origin944510.5
background-size944510.5
baseline-shift     
bookmark-label     
bookmark-level     
bookmark-target     
border-bottom-left-radius945510.5
border-bottom-right-radius945510.5
border-image 1516611
border-image-outset     
border-image-repeat     
border-image-slice     
border-image-source     
border-image-width     
border-radius945510.5
border-top-left-radius945510.5
border-top-right-radius945510.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-shadow94105.110.5
box-sizing8 105.19.5
color-profile     
column-fill     
column-gap10   11.1
column-rule10   11.1
column-rule-color10   11.1
column-rule-style10   11.1
column-rule-width10   11.1
column-span10   11.1
column-width10   11.1
columns10   11.1
column-count10   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-face93.64310
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
opacity9243.19
outline-offset    11
overflow-style     
overflow-x92   
overflow-y92   
page     
page-policy     
perspective   5 
perspective-origin     
punctuation-trim     
rendering-intent     
resize 544 
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-justify5    
text-outline     
text-overflow6743.111
text-shadow103.5449.5
text-wrap     
transform1016  12.1
transform-origin1016  12.1
transform-style   5 
transition101626 12.1
transition-property101626 12.1
transition-duration101626 12.1
transition-timing-function101626 12.1
transition-delay101626 12.1
word-break5.51543 
word-wrap53.543.110.5

图标说明

CSS3 浏览器支持参考手册IE浏览器
CSS3 浏览器支持参考手册火狐浏览器
CSS3 浏览器支持参考手册Google Chrome浏览器
CSS3 浏览器支持参考手册Safari浏览器
CSS3 浏览器支持参考手册Opera浏览器

 

CSS3 浏览器支持参考手册前缀-ms-的IE浏览器
 CSS3 浏览器支持参考手册前缀-moz-的火狐浏览器
CSS3 浏览器支持参考手册前缀-webkit-的Google Chrome浏览器
CSS3 浏览器支持参考手册前缀-webkit-的Safari浏览器
CSS3 浏览器支持参考手册前缀-o-的Opera浏览器
 CSS3 浏览器支持参考手册前缀-xv-的Opera浏览器

对于某些属性,你会看到浏览器的图标和一个数字:

944510.5

数字表示是第一次支持该属性的浏览器版本。