CSSStyleSheet

Inherits properties from its parent, StyleSheet.

CSSStyleSheet.cssRules (en-US)

Returns a live CSSRuleList (en-US), listing the CSSRule objects in the style sheet. This is normally used to access individual rules like this:

   styleSheet.cssRules[i] // where i = 0..cssRules.length-1

To add or remove items in cssRules, use the CSSStyleSheet's deleteRule() and insertRule() methods, described below.

CSSStyleSheet.ownerRule (en-US)

If this style sheet is imported into the document using an @import (en-US) rule, the ownerRule property will return that CSSImportRule (en-US), otherwise it returns null.

Inherits methods from its parent, Stylesheet.

CSSStyleSheet.deleteRule() (en-US)

Deletes a rule at the specified position from the style sheet.

CSSStyleSheet.insertRule() (en-US)

Inserts a new rule at the specified position in the style sheet, given the textual representation of the rule.

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

A stylesheet is associated with at most one Document, which it applies to (unless disabled). A list of CSSStyleSheet objects for a given document can be obtained using the document.styleSheets (en-US) property. A specific style sheet can also be accessed from its owner object (Node or CSSImportRule), if any.

A CSSStyleSheet object is created and inserted into the document's styleSheets list automatically by the browser, when a style sheet is loaded for a document. As the document.styleSheets (en-US) list cannot be modified directly, there's no useful way to create a new CSSStyleSheet object manually (although Constructable Stylesheet Objects is coming to the web platform soon and is already supported in Blink). To create a new stylesheet, insert a <style> or <link> element into the document.

A (possibly incomplete) list of ways a style sheet can be associated with a document follows:

• Using dynamic styling information (en-US)