CSSPropertyRule: name 属性

Baseline 2024
新推出

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

CSSPropertyRule 接口的只读name属性表示属性名称,这是在 @property 规则的序言中赋予自定义属性的名称的序列化。

字符串。

示例

此样式表包含一个 @property 规则。返回的第一个 CSSRule 将是表示此规则的 CSSPropertyRulename 属性返回字符串 "--property-name",这是在 CSS 中赋予自定义属性的名称。

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

规范

规范
CSS 属性和值 API Level 1
# dom-csspropertyrule-name

浏览器兼容性