CSS.supports()

这篇翻译不完整。请帮忙从英语翻译这篇文章

The CSS.supports() 静态方法返回一个 Boolean值,表示浏览器是否支持一个 给定的CSS功能。

Syntax

boolValue = CSS.supports(propertyName, value);
boolValue = CSS.supports(supportCondition);

参数

可以传递两种不同的参数形式,上面写的第一种格式是使用逗号,分割的属性名,属性值的方式传参,第二种是传递一个字符串,但是字符串是支持条件字符串,其实就是@supports CSS/@supports里面的书写方式一样,可以使用逻辑运算表达式。

propertyName
这个参数是需要检查是否支持的属性.
value
这个参数是检查是否支持某个属性propertyName对应个属性值.

第二种书写方式和cssxref("@supports")的格式完全一样,参考CSS/@supports

supportCondition
这个参数是待检测的属性条件字符串.

Examples

result = CSS.supports("text-decoration-style", "blink");
result = CSS.supports("display", "flex");
result = CSS.supports('--foo', 'red');
result = CSS.supports('(--foo: red)');

result = CSS.supports("( transform-origin: 5% 5% )");
result = CSS.supports("( transform-style: preserve ) or ( -moz-transform-style: preserve ) or " +
                      "( -o-transform-style: preserve ) or ( -webkit-transform-style: preserve )" );

Specification

Specification Status Comment
CSS Conditional Rules Module Level 3
CSS.supports()
Candidate Recommendation Initial definition.

Browser compatibility

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support 28.0 (Yes) 22 (22) [1] 未实现 12.1 9
Feature Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 未实现 (Yes) 22.0 (22) [1] 未实现 12.1 9

[1] Gecko 20 and 21 supported this feature only if the user enables it by setting the config value layout.css.supports-rule.enabled to true.

See also

文档标签和贡献者

 此页面的贡献者: caoweiju, xgqfrms-GitHub
 最后编辑者: caoweiju,