CSS：supports() 静态方法

CSS.supports() 静态方法返回一个布尔值，指示浏览器是否支持给定的 CSS 功能。

语法

CSS.supports(propertyName, value)
CSS.supports(supportCondition)

参数

有两组不同的参数。第一个允许测试对 属性-值 对的支持

propertyName: 包含要检查的 CSS 属性名称的字符串。
value: 包含要检查的 CSS 属性值的字符串。

第二个语法采用一个参数，该参数与 @supports 的条件匹配

supportCondition: 包含要检查的条件的字符串。

返回值

如果浏览器支持该规则，则返回 true，否则返回 false。

示例

在以下示例中，result 是一个布尔值，指示浏览器是否支持给定的 CSS 功能。

result = CSS.supports("text-decoration-style", "blink");
result = CSS.supports("display: flex");
result = CSS.supports("(--foo: red)");
result = CSS.supports("selector(:has(a))");
result = CSS.supports(
  "(transform-style: preserve) or (-moz-transform-style: preserve) or (-webkit-transform-style: preserve)",
);

有关更多示例和语法功能，请参阅 @supports 规则。

规范

规范
CSS 条件规则模块级别 3 # ref-for-dom-css-supports

浏览器兼容性

BCD 表格仅在启用了 JavaScript 的浏览器中加载。

另请参阅

允许使用相同功能但以声明方式实现的 @supports 规则。
允许操作 @supports 规则的 CSSSupportsRule CSSOM 类。