CSS.supports()

The CSS.supports() method returns a Boolean value indicating if the browser supports a given CSS feature, or not.

Syntax

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 DOMString containing the name of the CSS property to check.

value

A DOMString containing the value of the CSS property to check.

The second syntax takes one parameter matching the condition of @supports:

supportCondition

A DOMString containing the condition to check.

Return value

true if the browser supports the rule, otherwise false.

Examples

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
                       (-o-transform-style: preserve) or (-webkit-transform-style: preserve)`);

// result is true or false

Specification

Browser compatibility

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.