CSSPropertyRule:initialValue 属性

基线 2024

新可用

自从 2024 年 7 月起,此功能在所有最新的设备和浏览器版本上都可以使用。此功能可能无法在较旧的设备或浏览器中使用。

只读initialValue 的可空属性 CSSPropertyRule 接口返回自定义属性注册的初始值,该注册由 @property 规则表示,用于控制属性的初始值。

一个字符串,它是一个 <declaration-value>,如 CSS 语法 3 中所定义。

示例

此样式表包含一个 @property 规则。返回的第一个 CSSRule 将是一个 CSSPropertyRule,表示此规则。initialValue 属性返回字符串 "#c0ffee",这是 CSS 中 initial-value 属性的值。

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

规范

规范
CSS 属性和值 API 级别 1
# dom-csspropertyrule-initialvalue

浏览器兼容性

BCD 表格仅在浏览器中加载