ObsoleteThis feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.
rules
is a deprecated legacy property of the CSSStyleSheet
interface. Functionally identical to the preferred cssRules
property, it provides access to a live-updating list of the CSS rules comprising the stylesheet.
Note: As a legacy property, you not use rules
and should instead use the preferred cssRules
. While rules
is unlikely to be removed soon, its availability is not as widespread and using it will result in compatibility problems for your site or app.
Syntax
var rules = cssStyleSheet.rules;
Value
A live-updating CSSRuleList
containing each of the CSS rules making up the stylesheet. Each entry in the rule list is a CSSRule
object describing one rule making up the stylesheet.
Specifications
Specification | Status | Comment |
CSS Object Model (CSSOM)The definition of 'CSSStyleSheet.rules' in that specification. | Working Draft |
Browser compatibility
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.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Chrome
Full support Yes |
Edge
Full support 12 |
Firefox
Full support 68 |
IE
Full support 9 |
Opera
Full support Yes |
Safari
Full support Yes |
WebView Android
Full support Yes |
Chrome Android
Full support Yes |
Firefox Android
Full support 68 |
Opera Android
Full support Yes |
Safari iOS
Full support Yes |
Samsung Internet Android
Full support Yes |
Legend
- Full support
- Full support
- Deprecated. Not for use in new websites.'
- Deprecated. Not for use in new websites.
See also
CSSStyleSheet.rules by Mozilla Contributors is licensed under CC-BY-SA 2.5.