HTML5 & CSS3 Support
Data source: http://fmbip.com/litmus
CSS3 Properties
| PLATFORM | MAC | WIN | % Support | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Browser | CHROME | FIREFOX | OPERA | SAFARI | CHROME | FIREFOX | OPERA | IE | |||||||
| Version | 25 | 20 | 12 | 15 | 5.1 | 6 | 25 | 15 | 12 | 6 | 7 | 8 | 9 | 10 | |
| RGBA | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 91%(grade: “excellent”) |
| HSLA | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 91%(grade: “excellent”) |
| Box Sizing | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | 35%(grade: “limited”) |
| Background Size | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 90%(grade: “excellent”) |
| Multiple Backgrounds | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 90%(grade: “excellent”) |
| Border Image | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | N | 85%(grade: “excellent”) |
| Border Radius | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 91%(grade: “excellent”) |
| Box Shadow | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 91%(grade: “excellent”) |
| Text Shadow | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | 76%(grade: “excellent”) |
| Opacity | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 91%(grade: “excellent”) |
| CSS Animations | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | 66%(grade: “good”) |
| CSS Columns | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | 85%(grade: “excellent”) |
| CSS Gradients | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | 84%(grade: “excellent”) |
| CSS Reflections | Y | N | N | Y | Y | Y | Y | N | N | N | N | N | N | N | 46%(grade: “limited”) |
| CSS Transforms | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 90%(grade: “excellent”) |
| CSS Transforms 3D | Y | Y | N | Y | Y | Y | N | Y | N | N | N | N | N | Y | 41%(grade: “limited”) |
| CSS Transitions | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | 72%(grade: “good”) |
| CSS FontFace | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | 98%(grade: “excellent”) |
| FlexBox | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | N | N | 72%(grade: “good”) |
| Generated Content | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | 35%(grade: “limited”) |
| DataURI | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | 35%(grade: “limited”) |
| Pointer Events | Y | Y | N | Y | Y | Y | Y | Y | N | N | N | N | N | N | 29%(grade: “limited”) |
| Display: table | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | 35%(grade: “limited”) |
| Overflow Scrolling | N | N | N | N | N | N | N | N | N | N | N | N | N | N | 3%(grade: “poor”) |
| Media Queries | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 34%(grade: “limited”) |
CSS3 Selectors
| PLATFORM | MAC | WIN | % Support | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Browser | CHROME | FIREFOX | OPERA | SAFARI | CHROME | FIREFOX | OPERA | IE | |||||||
| Version | 25 | 20 | 12 | 15 | 5.1 | 6 | 25 | 15 | 12 | 6 | 7 | 8 | 9 | 10 | |
| Begins with | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | 99%(grade: “excellent”) |
| Ends with | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | 99%(grade: “excellent”) |
| Matches | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | 99%(grade: “excellent”) |
| Root | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 91%(grade: “excellent”) |
| nth-child | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 91%(grade: “excellent”) |
| nth-last-child | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 91%(grade: “excellent”) |
| nth-of-type | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 91%(grade: “excellent”) |
| nth-last-of-type | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 91%(grade: “excellent”) |
| last-child | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 91%(grade: “excellent”) |
| first-of-type | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 91%(grade: “excellent”) |
| last-of-type | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 91%(grade: “excellent”) |
| only-child | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 91%(grade: “excellent”) |
| only-of-type | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 91%(grade: “excellent”) |
| empty | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 91%(grade: “excellent”) |
| target | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 89%(grade: “excellent”) |
| enabled | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 91%(grade: “excellent”) |
| disabled | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 91%(grade: “excellent”) |
| checked | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 91%(grade: “excellent”) |
| not | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 91%(grade: “excellent”) |
| General Sibling | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | 99%(grade: “excellent”) |
HTML5 Graphics & Embedded Content
| PLATFORM | MAC | WIN | % Support | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Browser | CHROME | FIREFOX | OPERA | SAFARI | CHROME | FIREFOX | OPERA | IE | |||||||
| Version | 25 | 20 | 12 | 15 | 5.1 | 6 | 25 | 15 | 12 | 6 | 7 | 8 | 9 | 10 | |
| Canvas | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 91%(grade: “excellent”) |
| Canvas Text | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 90%(grade: “excellent”) |
| SVG | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 90%(grade: “excellent”) |
| SVG Clipping Paths | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 90%(grade: “excellent”) |
| SVG Inline | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 64%(grade: “good”) |
| SMIL | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 75%(grade: “good”) |
| WebGL | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 70%(grade: “good”) |
| Audio | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 90%(grade: “excellent”) |
| Video | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | 90%(grade: “excellent”) |
HTML5 Audio Codecs
| PLATFORM | MAC | WIN | % Support | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Browser | CHROME | FIREFOX | OPERA | SAFARI | CHROME | FIREFOX | OPERA | IE | |||||||
| Version | 25 | 20 | 12 | 15 | 5.1 | 6 | 25 | 15 | 12 | 6 | 7 | 8 | 9 | 10 | |
| Audio: ogg/vorbis | Y | Y | Y | Y | N | N | Y | Y | Y | N | N | N | N | N | 72%(grade: “good”) |
| Audio: mp3 | Y | N | N | N | Y | Y | Y | N | N | N | N | N | Y | Y | 50%(grade: “limited”) |
| Audio: wav | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | N | 77%(grade: “excellent”) |
| Audio: AAC | Y | N | N | N | Y | Y | Y | N | N | N | N | N | Y | Y | 50%(grade: “limited”) |
HTML5 Video Codecs
| PLATFORM | MAC | WIN | % Support | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Browser | CHROME | FIREFOX | OPERA | SAFARI | CHROME | FIREFOX | OPERA | IE | |||||||
| Version | 25 | 20 | 12 | 15 | 5.1 | 6 | 25 | 15 | 12 | 6 | 7 | 8 | 9 | 10 | |
| Video: ogg/theora | Y | Y | Y | Y | N | N | Y | Y | Y | N | N | N | N | N | 71%(grade: “good”) |
| Video: H.264 | Y | N | N | N | Y | Y | Y | N | N | N | N | N | Y | Y | 50%(grade: “limited”) |
| Video: WebM | Y | Y | Y | Y | N | N | Y | Y | Y | N | N | N | N | N | 58%(grade: “good”) |
HTML5 Forms Inputs
| PLATFORM | MAC | WIN | % Support | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Browser | CHROME | FIREFOX | OPERA | SAFARI | CHROME | FIREFOX | OPERA | IE | |||||||
| Version | 25 | 20 | 12 | 15 | 5.1 | 6 | 25 | 15 | 12 | 6 | 7 | 8 | 9 | 10 | |
| Form: Search | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | 71%(grade: “good”) |
| Form: Phone | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | 71%(grade: “good”) |
| Form: URL | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | 69%(grade: “good”) |
| Form: Email | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | 69%(grade: “good”) |
| Form: DateTime | N | N | Y | N | N | N | N | N | Y | N | N | N | N | N | 5%(grade: “poor”) |
| Form: Date | Y | N | Y | Y | N | N | Y | N | Y | N | N | N | N | N | 17%(grade: “poor”) |
| Form: Month | Y | N | Y | Y | N | N | Y | N | Y | N | N | N | N | N | 10%(grade: “poor”) |
| Form: Week | Y | N | Y | Y | N | N | Y | N | Y | N | N | N | N | N | 10%(grade: “poor”) |
| Form: Time | Y | N | Y | Y | N | N | Y | N | Y | N | N | N | N | N | 13%(grade: “poor”) |
| Form: LocalTime | Y | N | Y | Y | N | N | Y | N | Y | N | N | N | N | N | 10%(grade: “poor”) |
| Form: Number | Y | N | Y | Y | Y | Y | Y | N | Y | N | N | N | N | Y | 40%(grade: “limited”) |
| Form: Range | Y | N | Y | Y | Y | Y | Y | N | Y | N | N | N | N | Y | 47%(grade: “limited”) |
| Form: Colour | Y | N | Y | Y | N | N | Y | N | Y | N | N | N | N | N | 13%(grade: “poor”) |
HTML5 Forms Attributes
| PLATFORM | MAC | WIN | % Support | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Browser | CHROME | FIREFOX | OPERA | SAFARI | CHROME | FIREFOX | OPERA | IE | |||||||
| Version | 25 | 20 | 12 | 15 | 5.1 | 6 | 25 | 15 | 12 | 6 | 7 | 8 | 9 | 10 | |
| Form: Autocomplete | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | 48%(grade: “limited”) |
| Form: Autofocus | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | 72%(grade: “good”) |
| Form: List | Y | Y | Y | Y | N | N | Y | Y | Y | N | N | N | N | Y | 43%(grade: “limited”) |
| Form: Placeholder | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | 71%(grade: “good”) |
| Form: Min | Y | Y | Y | Y | Y | Y | Y | N | Y | N | N | N | N | Y | 55%(grade: “good”) |
| Form: Max | Y | Y | Y | Y | Y | Y | Y | N | Y | N | N | N | N | Y | 55%(grade: “good”) |
| Form: Multiple | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | 84%(grade: “excellent”) |
| Form: Pattern | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | 71%(grade: “good”) |
| Form: Required | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | 71%(grade: “good”) |
| Form: Step | Y | Y | Y | Y | Y | Y | Y | N | Y | N | N | N | N | Y | 55%(grade: “good” |
No comments:
Post a Comment