The CSS.supports()
static method returns a boolean value indicating if the browser supports a given CSS feature, or not.
On this page
CSS: supports() static method
Syntax
js
CSS.supports(propertyName, value)
CSS.supports(supportCondition)
Parameters
There are two distinct sets of parameters. The first one allows to test the support of a pair property-value:
-
propertyName
-
A string containing the name of the CSS property to check.
-
value
-
A string containing the value of the CSS property to check.
The second syntax takes one parameter matching the condition of @supports
:
-
supportCondition
-
A string containing the condition to check.
Return value
true
if the browser supports the rule, otherwise false
.
Examples
js
result = CSS.supports("text-decoration-style", "blink");
result = CSS.supports("display: flex");
result = CSS.supports("(--foo: red)");
result = CSS.supports(
"(transform-style: preserve) or (-moz-transform-style: preserve) or (-webkit-transform-style: preserve)",
);
// result is true or false
Specifications
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
supports_static |
61
28–61The parentheses-less one-argument version is not supported. |
79
12–79The parentheses-less one-argument version is not supported. |
55
22–55The parentheses-less one-argument version is not supported. |
No | 48
15–48The parentheses-less one-argument version is not supported. |
11
9–11The parentheses-less one-argument version is not supported. |
61
4.4–61The parentheses-less one-argument version is not supported. |
61
28–61The parentheses-less one-argument version is not supported. |
55
22–55The parentheses-less one-argument version is not supported. |
45
15–45The parentheses-less one-argument version is not supported. |
11
9–11The parentheses-less one-argument version is not supported. |
8.0
1.5–8.0The parentheses-less one-argument version is not supported. |
See also
- The
@supports
at-rule that allows for the same functionality but in a declarative way. - The
CSSSupportsRule
CSSOM class allowing to manipulate@supports
at-rules.
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSS/supports_static