Friday, May 2, 2014

Support for HTML5 & CSS3 by Mainstream Browsers

HTML5 & CSS3 Support


CSS3 Properties

PLATFORMMACWIN% Support
BrowserCHROMEFIREFOXOPERASAFARICHROMEFIREFOXOPERAIE
Version252012155.16251512678910
RGBAYYYYYYYYYNNNYY91%(grade: “excellent”)
HSLAYYYYYYYYYNNNYY91%(grade: “excellent”)
Box SizingYYYYYYYYYNNYYY35%(grade: “limited”)
Background SizeYYYYYYYYYNNNYY90%(grade: “excellent”)
Multiple BackgroundsYYYYYYYYYNNNYY90%(grade: “excellent”)
Border ImageYYYYYYYYYNNNNN85%(grade: “excellent”)
Border RadiusYYYYYYYYYNNNYY91%(grade: “excellent”)
Box ShadowYYYYYYYYYNNNYY91%(grade: “excellent”)
Text ShadowYYYYYYYYYNNNNY76%(grade: “excellent”)
OpacityYYYYYYYYYNNNYY91%(grade: “excellent”)
CSS AnimationsYYYYYYYYYNNNNY66%(grade: “good”)
CSS ColumnsYYYYYYYYYNNNNY85%(grade: “excellent”)
CSS GradientsYYYYYYYYYNNNNY84%(grade: “excellent”)
CSS ReflectionsYNNYYYYNNNNNNN46%(grade: “limited”)
CSS TransformsYYYYYYYYYNNNYY90%(grade: “excellent”)
CSS Transforms 3DYYNYYYNYNNNNNY41%(grade: “limited”)
CSS TransitionsYYYYYYYYYNNNNY72%(grade: “good”)
CSS FontFaceYYYYYYYYYYYYYY98%(grade: “excellent”)
FlexBoxYYYYYYYYNNNNNN72%(grade: “good”)
Generated ContentYYYYYYYYYNNYYY35%(grade: “limited”)
DataURIYYYYYYYYYNNYYY35%(grade: “limited”)
Pointer EventsYYNYYYYYNNNNNN29%(grade: “limited”)
Display: tableYYYYYYYYYNNYYY35%(grade: “limited”)
Overflow ScrollingNNNNNNNN
NNNNNN3%(grade: “poor”)
Media QueriesYYYYYYYYYNNNYY34%(grade: “limited”)

CSS3 Selectors

PLATFORMMACWIN% Support
BrowserCHROMEFIREFOXOPERASAFARICHROMEFIREFOXOPERAIE
Version252012155.16251512678910
Begins withYYYYYYYYYNYYYY99%(grade: “excellent”)
Ends withYYYYYYYYYNYYYY99%(grade: “excellent”)
MatchesYYYYYYYYYNYYYY99%(grade: “excellent”)
RootYYYYYYYYYNNNYY91%(grade: “excellent”)
nth-childYYYYYYYYYNNNYY91%(grade: “excellent”)
nth-last-childYYYYYYYYYNNNYY91%(grade: “excellent”)
nth-of-typeYYYYYYYYYNNNYY91%(grade: “excellent”)
nth-last-of-typeYYYYYYYYYNNNYY91%(grade: “excellent”)
last-childYYYYYYYYYNNNYY91%(grade: “excellent”)
first-of-typeYYYYYYYYYNNNYY91%(grade: “excellent”)
last-of-typeYYYYYYYYYNNNYY91%(grade: “excellent”)
only-childYYYYYYYYYNNNYY91%(grade: “excellent”)
only-of-typeYYYYYYYYYNNNYY91%(grade: “excellent”)
emptyYYYYYYYYYNNNYY91%(grade: “excellent”)
targetYYYYYYYYYNNNYY89%(grade: “excellent”)
enabledYYYYYYYYYNNNYY91%(grade: “excellent”)
disabledYYYYYYYYYNNNYY91%(grade: “excellent”)
checkedYYYYYYYYYNNNYY91%(grade: “excellent”)
notYYYYYYYYYNNNYY91%(grade: “excellent”)
General SiblingYYYYYYYYYNYYYY99%(grade: “excellent”)

HTML5 Graphics & Embedded Content

PLATFORMMACWIN% Support
BrowserCHROMEFIREFOXOPERASAFARICHROMEFIREFOXOPERAIE
Version252012155.16251512678910
CanvasYYYYYYYYYNNNYY91%(grade: “excellent”)
Canvas TextYYYYYYYYYNNNYY90%(grade: “excellent”)
SVGYYYYYYYYYNNNYY90%(grade: “excellent”)
SVG Clipping PathsYYYYYYYYYNNNYY90%(grade: “excellent”)
SVG InlineYYYYYYYYYNNNYY64%(grade: “good”)
SMILYYYYYYYYYNNNYY75%(grade: “good”)
WebGLYYYYYYYYYNNNYY70%(grade: “good”)
AudioYYYYYYYYYNNNYY90%(grade: “excellent”)
VideoYYYYYYYYYNNNYY90%(grade: “excellent”)

HTML5 Audio Codecs

PLATFORMMACWIN% Support
BrowserCHROMEFIREFOXOPERASAFARICHROMEFIREFOXOPERAIE
Version252012155.16251512678910
Audio: ogg/vorbisYYYYNNYYYNNNNN72%(grade: “good”)
Audio: mp3YNNNYYYNNNNNYY50%(grade: “limited”)
Audio: wavYYYYYYYYYNNNNN77%(grade: “excellent”)
Audio: AACYNNNYYYNNNNNYY50%(grade: “limited”)

HTML5 Video Codecs

PLATFORMMACWIN% Support
BrowserCHROMEFIREFOXOPERASAFARICHROMEFIREFOXOPERAIE
Version252012155.16251512678910
Video: ogg/theoraYYYYNNYYYNNNNN71%(grade: “good”)
Video: H.264YNNNYYYNNNNNYY50%(grade: “limited”)
Video: WebMYYYYNNYYYNNNNN58%(grade: “good”)

HTML5 Forms Inputs

PLATFORMMACWIN% Support
BrowserCHROMEFIREFOXOPERASAFARICHROMEFIREFOXOPERAIE
Version252012155.16251512678910
Form: PhoneYYYYYYYYYNNNNY71%(grade: “good”)
Form: URLYYYYYYYYYNNNNY69%(grade: “good”)
Form: EmailYYYYYYYYYNNNNY69%(grade: “good”)
Form: DateTimeNNYNNNNNYNNNNN5%(grade: “poor”)
Form: DateYNYYNNYNYNNNNN17%(grade: “poor”)
Form: MonthYNYYNNYNYNNNNN10%(grade: “poor”)
Form: WeekYNYYNNYNYNNNNN10%(grade: “poor”)
Form: TimeYNYYNNYNYNNNNN13%(grade: “poor”)
Form: LocalTimeYNYYNNYNYNNNNN10%(grade: “poor”)
Form: NumberYNYYYYYNYNNNNY40%(grade: “limited”)
Form: RangeYNYYYYYNYNNNNY47%(grade: “limited”)
Form: ColourYNYYNNYNYNNNNN13%(grade: “poor”)

HTML5 Forms Attributes

PLATFORMMACWIN% Support
BrowserCHROMEFIREFOXOPERASAFARICHROMEFIREFOXOPERAIE
Version252012155.16251512678910
Form: AutocompleteYYYYYYYYYNNNNY48%(grade: “limited”)
Form: AutofocusYYYYYYYYYNNNNY72%(grade: “good”)
Form: ListYYYYNNYYYNNNNY43%(grade: “limited”)
Form: PlaceholderYYYYYYYYYNNNNY71%(grade: “good”)
Form: MinYYYYYYYNYNNNNY55%(grade: “good”)
Form: MaxYYYYYYYNYNNNNY55%(grade: “good”)
Form: MultipleYYYYYYYYYNNNNY84%(grade: “excellent”)
Form: PatternYYYYYYYYYNNNNY71%(grade: “good”)
Form: RequiredYYYYYYYYYNNNNY71%(grade: “good”)
Form: StepYYYYYYYNYNNNNY55%(grade: “good”