CSSRule.cssText
The cssText property of the CSSRule interface returns the actual text of a CSSStyleSheet style-rule.
Note: Do not confuse this property with element-style CSSStyleDeclaration.cssText.
Be aware that this property can no longer be set directly, as it is now specified to be functionally modify-only, and silently so. In other words, attempting to set it does absolutely nothing, and doesn't even omit a warning or error. Furthermore, it has no settable sub-properties. Therefore, to modify it, use the stylesheet's cssRules[index] properties .selectorText and .style (or its sub-properties). See Using dynamic styling information for details.
Syntax
string = cssRule.cssText
Example
body { background-color: darkblue; }
let stylesheet = document.styleSheets[0]; console.log(stylesheet.cssRules[0].cssText); // body { background-color: darkblue; }
Specifications
| Specification |
|---|
| CSS Object Model (CSSOM) (CSSOM) # dom-cssrule-csstext |
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 | |
cssText |
1 |
12 |
1 |
9
The property normalizes rules and does not return the original verbatim rule text. For example,
border-width: 1px; border-style:solid; border-color:white; returns border: 1px solid white;. |
≤12.1 |
1 |
1 |
18 |
4 |
≤12.1 |
1 |
1.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/CSSRule/cssText