JavaScript CSSStyleSheet : StyleSheet

Represents a css style sheet. Use the document.styleSheets property to get a list of all CSSStyleSheets for a document. Can be created by creating an HTMLStyleElement and accesing its sheet property.

Spec

Instance Properties

cssRules : CSSRuleList

ownerRule : CSSRule

Instance Methods

deleteRule(index : Number) : undefined

Example:

<style>
  #foo {
    color: red;
  } 
</style>
<span id='foo'>foo</span>
<script>
  document.styleSheets[0].deleteRule(0);
</script>

Run

Results:

insertRule(rule : String, index : Number) : Number

Example:

<style>
  #foo {
    font-weight: bold;
  } 
</style>
<span id='foo'>foo</span>
<script>
  document.styleSheets[0].insertRule('#foo { color: red; }', 0);
</script>

Run

Results:

home license contribute feedback