Can I use... Support tables for HTML5, CSS3, etc

1 min read Original article ↗

Embed up-to-date data from caniuse.com and mozilla's browser compat data . Displays feature support data for multiple versions of the 10 major browsers. Configurable, reliable, and fully responsive.

By default, the interactive embed will display the feature support for the current version, 1 version in the future, and 2 versions back.

Include Script

Include the following javascript file in your document.

<script type="module" src="https://caniuse-embed.vercel.app/embed.js"></script>

Get the Embed Code

Paste this snippet where you want the embed to be displayed:

 

Parameters

data-feature="feature_name": Feature name

data-past="2": Show 2 versions back, range is 0 - 5

data-future="1": Show 1 version in the future, range is 0 - 3

data-meta="xxx": Custom metadata allows for specifying different metadata for each attribute when multiple attributes with the same name exist, to correctly update the iframe height.

data-theme="dark": Change the theme to light / dark / auto

data-observer="true": Using the observer pattern, changes to the properties of the current tag will be monitored.

data-origin="": [Optional] Data source origin, e.g.: https://caniuse-embed.vercel.app.