CSSPropertyRule: syntax 屬性

Baseline 2024
新推出

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

CSSPropertyRule 介面的只讀屬性 syntax 返回由 @property 規則表示的自定義屬性註冊的字面語法,控制屬性值在計算值時間如何解析。

字串。

示例

此樣式表包含一個 @property 規則。返回的第一個 CSSRule 將是表示此規則的 CSSPropertyRulesyntax 屬性返回字面字串 "<color>"

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

規範

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

瀏覽器相容性