CSS3 & HTML5 Browser Testing, What's my IP Address?, What browser am I using? @dbsdigital

HTML5 & CSS3 Support

CSS3 Properties

Platform MAC WIN % Support
Browser CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA IE  
Version 25 20 12 15 1 5.1 6 25 15 12 6 7 8 9 10  
RGBA Y Y Y Y Y Y Y Y Y Y N N N Y Y 93% (grade: “excellent”)
HSLA Y Y Y Y Y Y Y Y Y Y N N N Y Y 93% (grade: “excellent”)
Box Sizing Y Y Y Y Y Y Y Y Y Y N N Y Y Y 56% (grade: “good”)
Background Size Y Y Y Y Y Y Y Y Y Y N N N Y Y 92% (grade: “excellent”)
Multiple Backgrounds Y Y Y Y Y Y Y Y Y Y N N N Y Y 92% (grade: “excellent”)
Border Image Y Y Y Y Y Y Y Y Y Y N N N N N 88% (grade: “excellent”)
Border Radius Y Y Y Y Y Y Y Y Y Y N N N Y Y 93% (grade: “excellent”)
Box Shadow Y Y Y Y Y Y Y Y Y Y N N N Y Y 93% (grade: “excellent”)
Text Shadow Y Y Y Y Y Y Y Y Y Y N N N N Y 82% (grade: “excellent”)
Opacity Y Y Y Y Y Y Y Y Y Y N N N Y Y 93% (grade: “excellent”)
CSS Animations Y Y Y Y Y Y Y Y Y Y N N N N Y 75% (grade: “good”)
CSS Columns Y Y Y Y Y Y Y Y Y Y N N N N Y 89% (grade: “excellent”)
CSS Gradients Y Y Y Y Y Y Y Y Y Y N N N N Y 87% (grade: “excellent”)
CSS Reflections Y N N Y Y Y Y Y N N N N N N N 51% (grade: “good”)
CSS Transforms Y Y Y Y Y Y Y Y Y Y N N N Y Y 92% (grade: “excellent”)
CSS Transforms 3D Y Y N Y Y Y Y N Y N N N N N Y 56% (grade: “good”)
CSS Transitions Y Y Y Y Y Y Y Y Y Y N N N N Y 79% (grade: “excellent”)
CSS FontFace Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y 99% (grade: “excellent”)
FlexBox Y Y Y Y Y Y Y Y Y N N N N N N 77% (grade: “excellent”)
Generated Content Y Y Y Y Y Y Y Y Y Y N N Y Y Y 55% (grade: “good”)
DataURI Y Y Y Y Y Y Y Y Y Y N N Y Y Y 54% (grade: “good”)
Pointer Events Y Y N Y Y Y Y Y Y N N N N N N 49% (grade: “limited”)
Display: table Y Y Y Y Y Y Y Y Y Y N N Y Y Y 55% (grade: “good”)
Overflow Scrolling N N N N N N N N N N N N N N N 4% (grade: “poor”)
Media Queries Y Y Y Y Y Y Y Y Y Y N N N Y Y 54% (grade: “good”)

* Percentage score based on 494,105 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 1 5.1 6 25 15 12 6 7 8 9 10  
Begins with Y 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 Y N Y Y Y Y 99% (grade: “excellent”)
Matches Y 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 Y N N N Y Y 93% (grade: “excellent”)
nth-child Y Y Y Y Y Y Y Y Y Y N N N Y Y 93% (grade: “excellent”)
nth-last-child Y Y Y Y Y Y Y Y Y Y N N N Y Y 93% (grade: “excellent”)
nth-of-type Y Y Y Y Y Y Y Y Y Y N N N Y Y 93% (grade: “excellent”)
nth-last-of-type Y Y Y Y Y Y Y Y Y Y N N N Y Y 93% (grade: “excellent”)
last-child Y Y Y Y Y Y Y Y Y Y N N N Y Y 93% (grade: “excellent”)
first-of-type Y Y Y Y Y Y Y Y Y Y N N N Y Y 93% (grade: “excellent”)
last-of-type Y Y Y Y Y Y Y Y Y Y N N N Y Y 93% (grade: “excellent”)
only-child Y Y Y Y Y Y Y Y Y Y N N N Y Y 93% (grade: “excellent”)
only-of-type Y Y Y Y Y Y Y Y Y Y N N N Y Y 93% (grade: “excellent”)
empty Y Y Y Y Y Y Y Y Y Y N N N Y Y 93% (grade: “excellent”)
target Y 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 Y N N N Y Y 93% (grade: “excellent”)
disabled Y Y Y Y Y Y Y Y Y Y N N N Y Y 93% (grade: “excellent”)
checked Y Y Y Y Y Y Y Y Y Y N N N Y Y 93% (grade: “excellent”)
not Y Y Y Y Y Y Y Y Y Y N N N Y Y 93% (grade: “excellent”)
General Sibling Y Y Y Y Y Y Y Y Y Y N Y Y Y Y 99% (grade: “excellent”)

* Percentage score based on 494,105 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 1 5.1 6 25 15 12 6 7 8 9 10  
Local Storage Y 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 Y N N Y Y Y 97% (grade: “excellent”)
Post Message Y Y Y Y Y Y Y Y Y Y N N Y Y Y 98% (grade: “excellent”)
Offline Applications Y Y Y Y Y Y Y Y Y Y N N N N Y 88% (grade: “excellent”)
Workers Y Y Y Y Y Y Y Y Y Y N N N N Y 86% (grade: “excellent”)
Query Selector Y Y Y Y Y Y Y Y Y Y N N Y Y Y 96% (grade: “excellent”)
WebSQL Database Y N Y Y Y Y Y Y N Y N N N N N 52% (grade: “good”)
Indexed Database Y Y N Y N N N Y Y N N N N N Y 44% (grade: “limited”)
Drag and Drop Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y 97% (grade: “excellent”)
Hash Change (Event) Y Y Y Y Y Y Y Y Y Y N N Y Y Y 96% (grade: “excellent”)
History Management Y Y Y Y Y Y Y Y Y Y N N N N Y 78% (grade: “excellent”)
WebSockets Y Y Y Y Y Y Y Y Y N N N N N Y 68% (grade: “good”)
GeoLocation Y Y Y N Y Y Y Y Y Y N N N Y Y 90% (grade: “excellent”)
Touch N N N N N N N N N N N N N N N 9% (grade: “poor”)
File API Y Y Y Y Y Y Y Y Y Y N N N N Y 50% (grade: “limited”)
Meter element Y Y Y Y Y Y Y Y N Y N N N N N 41% (grade: “limited”)
Progress element Y Y Y Y Y Y Y Y Y Y N N N N Y 48% (grade: “limited”)

* Percentage score based on 494,105 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 1 5.1 6 25 15 12 6 7 8 9 10  
Canvas Y Y Y Y Y Y Y Y Y Y N N N Y Y 93% (grade: “excellent”)
Canvas Text Y Y Y Y Y Y Y Y Y Y N N N Y Y 92% (grade: “excellent”)
SVG Y Y Y Y Y Y Y Y Y Y N N N Y Y 92% (grade: “excellent”)
SVG Clipping Paths Y Y Y Y Y Y Y Y Y Y N N N Y Y 92% (grade: “excellent”)
SVG Inline Y Y Y Y Y Y Y Y Y Y N N N Y Y 74% (grade: “good”)
SMIL Y Y Y Y Y Y Y Y Y Y N N N Y Y 82% (grade: “excellent”)
WebGL Y Y Y Y Y Y Y Y Y Y N N N Y Y 78% (grade: “excellent”)
Audio Y Y Y Y Y Y Y Y Y Y N N N Y Y 91% (grade: “excellent”)
Video Y Y Y Y Y Y Y Y Y Y N N N Y Y 91% (grade: “excellent”)

* Percentage score based on 494,105 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 1 5.1 6 25 15 12 6 7 8 9 10  
Audio: ogg/vorbis Y Y Y Y N N N Y Y Y N N N N N 73% (grade: “good”)
Audio: mp3 Y N N N Y Y Y Y N N N N N Y Y 61% (grade: “good”)
Audio: wav Y Y Y Y Y Y Y Y Y Y N N N N N 79% (grade: “excellent”)
Audio: AAC Y N N N Y Y Y Y N N N N N Y Y 61% (grade: “good”)

* Percentage score based on 494,105 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 1 5.1 6 25 15 12 6 7 8 9 10  
Video: ogg/theora Y Y Y Y N N N Y Y Y N N N N N 70% (grade: “good”)
Video: H.264 Y N N N Y Y Y Y N N N N N Y Y 61% (grade: “good”)
Video: WebM Y Y Y Y N N N Y Y Y N N N N N 63% (grade: “good”)

* Percentage score based on 494,105 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 1 5.1 6 25 15 12 6 7 8 9 10  
Form: Phone Y Y Y Y Y Y Y Y Y Y N N N N Y 79% (grade: “excellent”)
Form: URL Y Y Y Y Y Y Y Y Y Y N N N N Y 77% (grade: “excellent”)
Form: Email Y Y Y Y Y Y Y Y Y Y N N N N Y 77% (grade: “excellent”)
Form: DateTime N N Y N N N N N N Y N N N N N 5% (grade: “poor”)
Form: Date Y N Y Y N N N Y N Y N N N N N 28% (grade: “limited”)
Form: Month Y N Y Y N N N Y N Y N N N N N 23% (grade: “poor”)
Form: Week Y N Y Y N N N Y N Y N N N N N 23% (grade: “poor”)
Form: Time Y N Y Y N N N Y N Y N N N N N 25% (grade: “poor”)
Form: LocalTime Y N Y Y N N N Y N Y N N N N N 23% (grade: “poor”)
Form: Number Y N Y Y Y Y Y Y N Y N N N N Y 53% (grade: “good”)
Form: Range Y N Y Y Y Y Y Y N Y N N N N Y 61% (grade: “good”)
Form: Colour Y N Y Y N N N Y N Y N N N N N 28% (grade: “limited”)

* Percentage score based on 494,105 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 1 5.1 6 25 15 12 6 7 8 9 10  
Form: Autocomplete Y Y Y Y Y Y Y Y Y Y N N N N Y 62% (grade: “good”)
Form: Autofocus Y Y Y Y Y Y Y Y Y Y N N N N Y 79% (grade: “excellent”)
Form: List Y Y Y Y N N N Y Y Y N N N N Y 56% (grade: “good”)
Form: Placeholder Y Y Y Y Y Y Y Y Y Y N N N N Y 79% (grade: “excellent”)
Form: Min Y Y Y Y Y Y Y Y N Y N N N N Y 68% (grade: “good”)
Form: Max Y Y Y Y Y Y Y Y N Y N N N N Y 68% (grade: “good”)
Form: Multiple Y Y Y Y Y Y Y Y Y Y N N N N Y 87% (grade: “excellent”)
Form: Pattern Y Y Y Y Y Y Y Y Y Y N N N N Y 79% (grade: “excellent”)
Form: Required Y Y Y Y Y Y Y Y Y Y N N N N Y 79% (grade: “excellent”)
Form: Step Y Y Y Y Y Y Y Y N Y N N N N Y 68% (grade: “good”)

* Percentage score based on 494,105 recent real-world results. Read more on our Web Design Blog » Contribute your result »