CSSPropertyRule

Baseline 2024
新推出

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

CSSPropertyRule 介面屬於 CSS Properties and Values API,它表示單個 CSS @property 規則。

CSSRule CSSPropertyRule

例項屬性

繼承自其祖先 CSSRule 的屬性。

CSSPropertyRule.inherits 只讀

返回自定義屬性的繼承標誌(inherit flag)。

CSSPropertyRule.initialValue 只讀

返回自定義屬性的初始值。

CSSPropertyRule.name 只讀

返回自定義屬性的名稱。

CSSPropertyRule.syntax 只讀

返回自定義屬性的字面量語法(literal syntax)。

例項方法

沒有特定的方法;繼承自其祖先 CSSRule 的方法。

示例

此樣式表包含單個 @property 規則。返回的第一個 CSSRule 將是 CSSPropertyRule,其屬性和值與 CSS 中定義的規則一致。

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

規範

規範
CSS 屬性和值 API Level 1
# the-css-property-rule-interface

瀏覽器相容性