CSS Click Chart

Conditional Rules with @supports

Allows native feature detection using @supports, similar to what's done using a tool like Modernizr.


Feature queries: the @supports rule on W3C

Example Code

Live Demonstration

The boxes below will fall back to inline-block in old browsers but will use flexbox in supporting browsers.

Browser Support

Can I Use css-featurequeries? Data on support for the conditional-supports feature across the major browsers from caniuse.com.

Tools / Polyfills

Tutorials / Articles