此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

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 将是一个代表该规则的 CSSPropertyRulename 属性返回在 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

浏览器兼容性