HTML5 & CSS3 Support
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”) |
* Percentage score based on 335,963 recent real-world results. Read more on our Web Design Blog » Contribute your result »
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”) |
* Percentage score based on 335,963 recent real-world results. Read more on our Web Design Blog » Contribute your result »
HTML5 Web Applications
| 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 | |
| Local Storage | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | 95% (grade: “excellent”) |
| Session Storage | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | 96% (grade: “excellent”) |
| Post Message | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | 97% (grade: “excellent”) |
| Offline Applications | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | 85% (grade: “excellent”) |
| Workers | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | 82% (grade: “excellent”) |
| Query Selector | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | 95% (grade: “excellent”) |
| WebSQL Database | Y | N | Y | Y | Y | Y | Y | N | Y | N | N | N | N | N | 49% (grade: “limited”) |
| Indexed Database | Y | Y | N | Y | N | N | Y | Y | N | N | N | N | N | Y | 25% (grade: “poor”) |
| Drag and Drop | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | 96% (grade: “excellent”) |
| Hash Change (Event) | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | 94% (grade: “excellent”) |
| History Management | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | 70% (grade: “good”) |
| WebSockets | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | N | Y | 56% (grade: “good”) |
| GeoLocation | Y | Y | Y | N | Y | Y | Y | Y | Y | N | N | N | Y | Y | 89% (grade: “excellent”) |
| Touch | N | N | N | N | N | N | N | N | N | N | N | N | N | N | 6% (grade: “poor”) |
| File API | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | 29% (grade: “limited”) |
| Meter element | Y | Y | Y | Y | Y | Y | Y | N | Y | N | N | N | N | N | 22% (grade: “poor”) |
| Progress element | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | 28% (grade: “limited”) |
* Percentage score based on 335,963 recent real-world results. Read more on our Web Design Blog » Contribute your result »
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”) |
* Percentage score based on 335,963 recent real-world results. Read more on our Web Design Blog » Contribute your result »
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”) |
* Percentage score based on 335,963 recent real-world results. Read more on our Web Design Blog » Contribute your result »
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”) |
* Percentage score based on 335,963 recent real-world results. Read more on our Web Design Blog » Contribute your result »
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”) |
* Percentage score based on 335,963 recent real-world results. Read more on our Web Design Blog » Contribute your result »
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”) |
* Percentage score based on 335,963 recent real-world results. Read more on our Web Design Blog » Contribute your result »