CSSPropertyRule: name 屬性

Baseline 2024

新推出

自 ⁨2024 年 7 月⁩起，此功能可在最新的裝置和瀏覽器版本上使用。此功能可能無法在較舊的裝置或瀏覽器上使用。

CSSPropertyRule 介面的只讀name屬性表示屬性名稱，這是在 @property 規則的序言中賦予自定義屬性的名稱的序列化。

值

字串。

此樣式表包含一個 @property 規則。返回的第一個 CSSRule 將是表示此規則的 CSSPropertyRule。name 屬性返回字串 "--property-name"，這是在 CSS 中賦予自定義屬性的名稱。

css

@property --property-name {
  syntax: "<color>";
  inherits: false;
  initial-value: #c0ffee;
}

const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].name); // "--property-name"

規範
CSS 屬性和值 API Level 1 # dom-csspropertyrule-name

此頁面最後修改於 2025 年 4 月 27 日，由 MDN 貢獻者修改。