CSSPropertyRule：name 属性

基线 2024

新可用

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

CSSPropertyRule 接口的只读name属性表示属性名称，它是 @property 规则的前导中给自定义属性指定的名称的序列化。

值

字符串。

示例

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

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

规范

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

浏览器兼容性

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