CSSPropertyRule：name 属性
Baseline
2024
Newly available
Since July 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
CSSPropertyRule 接口的只读属性 name 返回 CSS 属性的名称，即在 @property 规则的前部中为自定义属性指定的名称的序列化形式。
值
字符串。
示例
下面的样式表包含一个 @property 规则。返回的第一个 CSSRule 将是一个代表该规则的 CSSPropertyRule。name 属性返回在 CSS 中为自定义属性指定的名称的字符串 "--property-name"。
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”
规范
| Specification |
|---|
| CSS Properties and Values API Level 1 # dom-csspropertyrule-name |