Tuesday, 2 October 2012

CSS 3 Brouser Suport


Browser support

CSS3 is not yet a W3C standard, but all the major browsers are already supporting many of the new features. Below is a reference off all the new CSS3 properties and their browser support:
PropertyIEFirefoxChromeSafariOpera
alignment-adjust
alignment-baseline
animation5
animation-name5
animation-duration5
animation-timing-function5
animation-delay5
animation-iteration-count5
animation-direction5
animation-play-state5
appearance3
backface-visibility
background-clip9410510.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-image3
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
box-flex-group
box-lines
box-ordinal-group
box-orient
box-pack
box-shadow941010.5
box-sizing89
color-profile
column-fill
column-gap
column-rule
column-rule-color
column-rule-style
column-rule-width
column-span
column-width
columns
column-count
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-adjust2
font-stretch
grid-columns
grid-rows
hanging-punctuation
hyphenate-after
hyphenate-before
hyphenate-characters
hyphenate-lines
hyphenate-resource
hyphens
icon
image-orientation
image-resolution
@keyframes4
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-down11.5
nav-index11.5
nav-left11.5
nav-right11.5
nav-up11.5
opacity924410
outline-offset11
overflow-style
overflow-x92
overflow-y92
page
page-policy
perspective5
perspective-origin
phonemes
punctuation-trim
rendering-intent
resize4
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-overflow574410.6
text-shadow34410
text-wrap
transform93.6
transform-origin93.6
transform-style5
transition4
transition-property4
transition-duration4
transition-timing-function4
transition-delay4
word-break583
word-wrap53.6
voice-balance
voice-duration
voice-pitch
voice-pitch-range
voice-rate
voice-stress
voice-volume

Icon Explanations

Supported by Internet Explorer
Supported by Firefox
Supported by Google Chrome
Supported by Safari
Supported by Opera

Supported by Internet Explorer with the prefix -ms-
Supported by Firefox with the prefix -moz-
Supported by Google Chrome with the prefix -webkit-
Supported by Safari with the prefix -webkit-
Supported by Opera with the prefix -o-
Supported by Opera with the prefix -xv-

For some properties you see the browser icon and a number:
944510.5

No comments:

Post a Comment