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 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: 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 »