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 {{domxref("CSSStyleRule")}} interface, which in turn implements {{domxref("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 {{domxref("StyleSheet")}} interface. A list of CSSStyleSheet
-implementing objects corresponding to the style sheets for a given document can be reached by the {{domxref("document.styleSheets")}} property, if the document is styled by an external CSS style sheet or an inline {{HTMLElement("style")}} element.
Properties
- {{domxref("CSSStyleSheet.cssRules")}}
- Returns a {{domxref("CSSRuleList")}} of the CSS rules in the style sheet.
- {{domxref("CSSStyleSheet.ownerRule")}}
- If this style sheet is imported into the document using an {{cssxref("@import")}} rule, the
ownerRule
property will return that {{domxref("CSSImportRule")}}, otherwise it returnsnull
.
Methods
- {{domxref("CSSStyleSheet.deleteRule")}}
- Deletes a rule from the style sheet.
- {{domxref("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
Specification | Status | Comment |
---|---|---|
{{SpecName("DOM2 Style", "css.html#CSS-CSSStyleSheet", "CSS2Properties")}} | {{Spec2("DOM2 Style")}} | Initial definition |
Browser compatibility
{{CompatibilityTable}}
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | 9.0 | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} |
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} |
See also
- {{domxref("StyleSheet")}}