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.