CSSPropertyRule: initialValue property

Baseline 2024
新推出

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

CSSPropertyRule 介面的只讀的 nullable initialValue 屬性返回由 @property 規則表示的自定義屬性註冊的初始值,控制該屬性的初始值。

一個字串,它是 <declaration-value>

示例

此樣式表包含一個 @property 規則。返回的第一個 CSSRule 將是表示此規則的 CSSPropertyRuleinitialValue 屬性返回字串 "#c0ffee",這是 CSS 中 initial-value 屬性的值。

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

規範

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

瀏覽器相容性