CSSPropertyRule.initialValue

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The read-only initialValue nullable property of the CSSPropertyRule interface returns the initial value of the custom property registration represented by the @property rule, controlling the property’s initial value.

Syntax

const initialValue = CSSPropertyRule.initialValue;

Value

A USVString which is a <declaration-value> as defined in CSS Syntax 3.

Examples

This stylesheet contains a single @property rule. The first CSSRule returned will be a CSSPropertyRule representing this rule. The initialValue property returns the string "#c0ffee" this being the value of the initial-value property in the CSS.

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

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
initialvalue
85
85
No
No
71
No
85
85
No
60
No
14.0

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSPropertyRule/initialvalue