HTML5 Features Detection

This tool provided by Modernizr, a JavaScript library that detects HTML5 and CSS3 features in the user's browser.

Modernizr Helper runs quickly on page load to detect browser features, then the results are displayed on the following tables. At this point, it's 174 features detects based on stable Modernizr 2.x Builder, including most of the non-core detects.

Each table row has a references to: specification, some non-normative tutorial, can-i-use compatibility, and the detector source code.

Also you can use form below to filter the table and then quick access using hashtagged permalink, for example: #canvas+webgl.

  • Search Keyword: *
    174 of 174 Modernizr tests found [permalink]

Filtered Results

Modernizr PropertyTest ResultFeature Description

CSS Features Detection

Modernizr PropertyTest ResultFeature Description
Modernizr.fontface@font-face
Modernizr.backgroundsizebackground-size
Modernizr.borderimageborder-image
Modernizr.borderradiusborder-radius
Modernizr.boxshadowbox-shadow
Modernizr.flexboxFlexible Box Model
Modernizr.flexboxlegacyFlexbox legacy
Modernizr.hslaColor Values hsla()
Modernizr.rgbaColor Values rgba()
Modernizr.multiplebgsMultiple backgrounds
Modernizr.opacityopacity
Modernizr.textshadowtext-shadow
Modernizr.cssanimationsCSS Animations
Modernizr.csscolumnsCSS Columns
Modernizr.generatedcontentCSS Generated Content (:before/:after)
Modernizr.cssgradientsCSS Gradients
Modernizr.cssreflectionsCSS Reflections
Modernizr.csstransformsCSS 2D Transforms
Modernizr.csstransforms3dCSS 3D Transforms
Modernizr.csstransitionsCSS Transitions

HTML5 Features Detection

Modernizr PropertyTest ResultFeature Description
Modernizr.applicationcacheapplicationCache
Modernizr.canvasCanvas
Modernizr.canvastextCanvas Text
Modernizr.draganddropDrag and Drop
Modernizr.hashchangehashchange Event
Modernizr.historyHistory Management
Modernizr.audioHTML5 Audio
Modernizr.audio.oggHTML5 Audio ogg
Modernizr.audio.mp3HTML5 Audio mp3
Modernizr.audio.wavHTML5 Audio wav
Modernizr.audio.m4aHTML5 Audio m4a
Modernizr.videoHTML5 Video
Modernizr.video.oggHTML5 Video ogg
Modernizr.video.webmHTML5 Video webm
Modernizr.video.h264HTML5 Video h264
Modernizr.indexeddbIndexedDB
Modernizr.input.autocompleteInput Attribute autocomplete
Modernizr.input.autofocusInput Attribute autofocus
Modernizr.input.listInput Attribute list
Modernizr.input.placeholderInput Attribute placeholder
Modernizr.input.maxInput Attribute max
Modernizr.input.minInput Attribute min
Modernizr.input.multipleInput Attribute multiple
Modernizr.input.patternInput Attribute pattern
Modernizr.input.requiredInput Attribute required
Modernizr.input.stepInput Attribute step
Modernizr.inputtypes.searchInput Search (type=search)
Modernizr.inputtypes.telInput Telephone (type=tel)
Modernizr.inputtypes.urlInput URL (type=url)
Modernizr.inputtypes.emailInput E-mail (type=email)
Modernizr.inputtypes.datetimeInput Date and Time (type=datetime)
Modernizr.inputtypes.dateInput Date (type=date)
Modernizr.inputtypes.monthInput Month (type=month)
Modernizr.inputtypes.weekInput Week (type=week)
Modernizr.inputtypes.timeInput Time (type=time)
Modernizr.inputtypes.datetime-localInput Local Date and Time (type=datetime-local)
Modernizr.inputtypes.numberInput Number (type=number)
Modernizr.inputtypes.rangeInput Range (type=range)
Modernizr.inputtypes.colorInput Color (type=color)
Modernizr.sessionstoragesessionStorage
Modernizr.localstoragelocalStorage
Modernizr.postmessageCross-window Messaging
Modernizr.websocketsWeb Sockets
Modernizr.websqldatabaseWeb SQL Database
Modernizr.webworkersWeb Workers

Miscellaneous

Modernizr PropertyTest ResultFeature Description
Modernizr.geolocationGeolocation API
Modernizr.inlinesvgInline SVG in HTML5
Modernizr.smilSVG SMIL animation
Modernizr.svgSVG
Modernizr.svgclippathsSVG Clipping Paths
Modernizr.touchTouch Events
Modernizr.webglWebGL

Non-core Detects

Modernizr PropertyTest ResultFeature Description
Modernizr.adownloadA [download] attribute
Modernizr.audiodataMozilla Audio Data API
Modernizr.webaudioHTML5 Web Audio API
Modernizr.batteryBattery Status API
Modernizr.lowbatteryLow Battery Level
Modernizr.blobconstructorBlob Constructor
Modernizr.todataurljpegCanvas toDataURL image/jpeg
Modernizr.todataurlpngCanvas toDataURL image/png
Modernizr.todataurlwebpCanvas toDataURL image/webp
Modernizr.contenteditableHTML5 Content Editable Attribute
Modernizr.contentsecuritypolicyContent Security Policy
Modernizr.contextmenuHTML5 Context Menu
Modernizr.cookiesCookie
Modernizr.corsCross-Origin Resource Sharing
Modernizr.bgpositionshorthandCSS background-position Shorthand
Modernizr.bgpositionxyCSS background-position-x/y
Modernizr.bgrepeatspaceCSS background-repeat: space
Modernizr.bgrepeatroundCSS background-repeat: round
Modernizr.bgsizecoverCSS background-size: cover
Modernizr.boxsizingCSS Box Sizing
Modernizr.csscalcCSS Calc
Modernizr.cubicbezierrangeCSS Cubic Bezier Range
Modernizr.display-runinCSS display: run-in
Modernizr.display-tableCSS display: table
Modernizr.cssfiltersCSS Filters
Modernizr.csshyphensCSS Hyphens
Modernizr.softhyphensCSS Soft Hyphens (shy)
Modernizr.softhyphensfindCSS Soft Hyphens find-on-page
Modernizr.lastchildCSS Pseudo-Class :last-child
Modernizr.cssmaskCSS Mask
Modernizr.mediaqueriesCSS Media Queries
Modernizr.object-fitCSS Object Fit
Modernizr.overflowscrollingCSS Overflow Scrolling
Modernizr.pointereventsCSS Pointer Events
Modernizr.csspositionstickyCSS position: sticky
Modernizr.cssremunitCSS Font rem Units
Modernizr.regionsCSS Regions
Modernizr.cssresizeCSS resize
Modernizr.cssscrollbarCSS Styleable Scrollbars
Modernizr.subpixelfontSubPixel Font Rendering
Modernizr.supportsCSS Feature Queries @supports
Modernizr.userselectCSS user-select
Modernizr.cssvhunitCSS Viewport Units vh
Modernizr.cssvmaxunitCSS Viewport Units vmax
Modernizr.cssvminunitCSS Viewport Units vmin
Modernizr.cssvwunitCSS Viewport Units vw
Modernizr.customprotocolhandlerCustom Protocol Handler
Modernizr.dataviewDataView (JavaScript Typed Arrays)
Modernizr.classlistHTML5 ClassList API
Modernizr.datasetHTML5 Datasets
Modernizr.microdataHTML5 Microdata
Modernizr.detailsHTML5 Details & Summary
Modernizr.outputelemHTML5 Output
Modernizr.progressbarHTML5 Progress Bar
Modernizr.meterHTML5 Meter
Modernizr.rubyHTML5 Ruby, Rt, Rp elements
Modernizr.timeHTML5 Time
Modernizr.trackHTML5 Track
Modernizr.texttrackapiHTML5 Text Track API
Modernizr.emojiCanvas Text Emoji
Modernizr.strictmodeECMAScript 5 Strict Mode
Modernizr.devicemotionHTML5 Device Motion
Modernizr.deviceorientationHTML5 Device Orientation
Modernizr.exif-orientationEXIF Orientation
Modernizr.filereaderFile API
Modernizr.filesystemFilesystem API
Modernizr.fileinputInput Type file
Modernizr.formattributeInput Attribute form
Modernizr.speechinputWeb Speech API
Modernizr.formvalidationInteractive Form Validation
Modernizr.fullscreenFullscreen API
Modernizr.gamepadsGamePad API
Modernizr.getusermediaStream API
Modernizr.ie8compatIE8 compat mode
Modernizr.sandboxIFrame sandbox
Modernizr.seamlessIFrame seamless
Modernizr.srcdocIFrame srcdoc
Modernizr.apngImage Format apng
Modernizr.webpImage Format webp
Modernizr.jsonNative JSON Parsing
Modernizr.olreversedReverse Ordered Lists
Modernizr.mathmlMathML
Modernizr.lowbandwidthNetwork Information API
Modernizr.eventsourceServer-Sent Events
Modernizr.xhr2XMLHttpRequest Level 2
Modernizr.notificationWeb Notifications
Modernizr.performanceNavigation Timing
Modernizr.pointerlockPointer Lock API
Modernizr.quotamanagementQuota Storage Management API
Modernizr.rafTiming Control for Script-Based Animations
Modernizr.scriptasyncScript async
Modernizr.scriptdeferScript defer
Modernizr.stylescopedCSS Style Scoped
Modernizr.svgfiltersSVG Filters
Modernizr.unicodeUnicode Special Characters
Modernizr.datauriData URI Scheme
Modernizr.userdataIE userData
Modernizr.vibrateVibration API
Modernizr.webintentsWeb Intents
Modernizr.websocketsbinaryWeb Sockets binaryType
Modernizr.framedWindow Framed
Modernizr.sharedworkersShared Web Workers

Please let us know if you find inaccuracies in the descriptions or incorrect links!

Further Reading

  1. Modernizr Homepage
  2. Mozilla Web Developer Toolbox: Modernizr
  3. Taking Advantage of HTML5 and CSS3 with Modernizr
  4. Detecting HTML5 Features - Dive Into HTML5