CSSPropertyRule

The CSSPropertyRule interface of the CSS_Properties_and_Values_API represents a single CSS @property rule.

Properties

Inherits properties from its ancestor CSSRule.

CSSPropertyRule.inherits Read only

Returns the inherit flag of the custom property.

CSSPropertyRule.initialvalue Read only

Returns the initial value of the custom property.

CSSPropertyRule.name Read only

Returns the name of the custom property.

CSSPropertyRule.syntax Read only

Returns the literal syntax of the custom property.

Methods

No specific methods; inherits methods from its ancestor CSSRule.

Examples

This stylesheet contains a single @property rule. The first CSSRule returned will be a CSSPropertyRule with the properties and values as defined by the rule in CSS.

@property --property-name {
  syntax: '<color>';
  inherits: false;
  initial-value: #c0ffee;
}

let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); //a CSSPropertyRule

Specifications

Specification
CSS Properties and Values API Level 1 (CSS Properties and Values API 1)
# the-css-property-rule-interface

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
CSSPropertyRule
85
85
No
No
71
No
85
85
No
60
No
14.0
inherits
85
85
No
No
71
No
85
85
No
60
No
14.0
initialValue
85
85
No
No
71
No
85
85
No
60
No
14.0
name
85
85
No
No
71
No
85
85
No
60
No
14.0
syntax
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