W3cubDocs

CSS.supports

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

Syntax

boolValue = CSS.supports(propertyName, value);
boolValue = 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.

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

Specification	Status	Comment
CSS Conditional Rules Module Level 3 The definition of 'CSS: supports()' in that specification.	Candidate Recommendation	Initial definition.

Browser compatibilityUpdate compatibility data on GitHub

	Desktop
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Basic support	61 61 28 Version 60 or older didn't support parentheses-less one-argument version.	Partial Partial Edge doesn't support parentheses-less one-argument version.	55 55 22 Version 54 or older didn't support parentheses-less one-argument version. 20 Disabled Disabled From version 20: this feature is behind the `layout.css.supports-rule.enabled` preference. To change preferences in Firefox, visit about:config.	No	12.1	No