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.

Specifications

Browser compatibility

See also

• StyleSheet