CSS Feature Queries
Syntax
- @supports [condition] { /* CSS rules to apply */ }
Parameters
| Parameter | Details |
|---|---|
(property: value) | Evaluates true if the browser can handle the CSS rule. The parenthesis around the rule are required. |
and | Returns true only if both the previous and next conditions are true. |
not | Negates the next condition |
or | Returns true if either the previous or next condition is true. |
(...) | Groups conditions |
Remarks
Feature detection using @supports is supported in Edge, Chrome, Firefox, Opera, and Safari 9 and up.
