The best CSS Browser Support Tutorial In 2024, In this tutorial you can learn CSS3 Browser Support,Icon Description,
The browser supports CSS3 tutorial reference regularly with all major browsers for testing.
For CSS3 is not a W3C standard, but all the major browsers already support many new features. The following is about all the new CSS3 properties and their browser support reference:
Attributes | 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 browser | |
Firefox | |
Google Chrome Browser | |
Safari browser | |
Opera browser |
Prefix -ms- IE browser | |
Prefix -moz- Firefox | |
Prefix -webkit- of Google Chrome browser | |
Prefix -webkit- Safari browser | |
Prefix -o- Opera browser | |
Prefix -xv- Opera browser |
For some properties, you will see the browser icon and a number:
9 | 4 | 4 | 5 | 10.5 |
Digital representation is the first browser to support the version of the property.