CSSStyleSheet

« CSSStyleSheet

An object implementing the CSSStyleSheet interface represents a single CSS style sheet.

A CSS style sheet consists of CSS rules, each of which can be manipulated through an object that corresponds to that rule and that implements the CSSStyleRule interface, which in turn implements CSSRule. The CSSStyleSheet itself lets you examine and modify its corresponding style sheet, including its list of rules.

In practice, every CSSStyleSheet also implements the more generic StyleSheet interface. A list of CSSStyleSheet-implementing objects corresponding to the style sheets for a given document can be reached by the document.styleSheets property, if the document is styled by an external CSS style sheet or an inline style element.

Properties

CSSStyleSheet.cssRules
Returns a CSSRuleList of the CSS rules in the style sheet.
CSSStyleSheet.ownerRule
If this style sheet is imported into the document using an @import rule, the ownerRule property will return that CSSImportRule, otherwise it returns null.

Methods

CSSStyleSheet.deleteRule
Deletes a rule from the style sheet.
CSSStyleSheet.insertRule
Inserts a new style rule into the current style sheet.

Notes

In some browsers, if a stylesheet is loaded from a different domain, calling cssRules result in SecurityError.

Specification

DOM Level 2 CSS: CSSStyleSheet interface

See also

Document Tags and Contributors

Last updated by: teoli,