CSSPropertyRule: name property
Baseline 2024Newly available
Since July 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
The read-only name
property of the CSSPropertyRule
interface represents the property name, this being the serialization of the name given to the custom property in the @property
rule's prelude.
Value
A string.
Examples
This stylesheet contains a single @property
rule. The first CSSRule
returned will be a CSSPropertyRule
representing this rule. The name
property returns the string "--property-name"
, which is the name given to the custom property in CSS.
css
@property --property-name {
syntax: "<color>";
inherits: false;
initial-value: #c0ffee;
}
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].name); //the string "--property-name"
Specifications
Specification |
---|
CSS Properties and Values API Level 1 # dom-csspropertyrule-name |
Browser compatibility
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
name |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.