CSSPropertyRule

基线 2024

新可用

2024 年 7 月起,此功能可在最新的设备和浏览器版本中使用。此功能可能在较旧的设备或浏览器中无法使用。

CSSPropertyRule 接口是 CSS 属性和值 API 的一部分,它表示单个 CSS @property 规则。

CSSRule CSSPropertyRule

实例属性

继承其祖先 CSSRule 的属性。

CSSPropertyRule.inherits 只读

返回自定义属性的继承标志。

CSSPropertyRule.initialValue 只读

返回自定义属性的初始值。

CSSPropertyRule.name 只读

返回自定义属性的名称。

CSSPropertyRule.syntax 只读

返回自定义属性的字面语法。

实例方法

没有特定的方法;继承其祖先 CSSRule 的方法。

示例

此样式表包含单个 @property 规则。返回的第一个 CSSRule 将是 CSSPropertyRule,其属性和值由 CSS 中规则定义。

css
@property --property-name {
  syntax: "<color>";
  inherits: false;
  initial-value: #c0ffee;
}
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); //a CSSPropertyRule

规范

规范
CSS 属性和值 API 级别 1
# the-css-property-rule-interface

浏览器兼容性

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