CSS · At-rules, values and responsive design

@supports

Applies rules only when the browser supports a declaration.

cssRunnable example css course

Syntax

@supports (display: grid) { … }

Example

Try it

@supports (display: grid) { .demo { display: grid; } }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.