rule object (Object/DOM)

An object that contains a single CSS styling rule.

Availability:

DOM level - 2
JavaScript - 1.5
JScript - 3.0
Internet Explorer - 4.0
Netscape - 6.0
JavaScript syntax:IEmyRule = myDocument.all.aStyleSheetID.rules[anIndex]
IEmyRule = myStyleSheet.rules[anIndex]
IEmyRule = mySelectorArray[anIndex]
-myRule = myDocument.styleSheets[anIndex].cssRules[anIndex]
Argument list:anIndexA reference to an element in a collection
Object properties:cssText, parentStyleSheet, readOnly, runtimeStyle, selectorText, style

This is referred to as a selector and one or more declarations within a cascading style sheet (CSS). It is supported by MSIE.

DOM level 2 calls this a CSSRule object. It also describes a CSSStyleRule object as a sub-class of that object. The MSIE browser implements both as a single class. The CSSRule class maintains the following named constants:

ValueNameDOM
0UNKNOWN_RULE2
1STYLE_RULE2
2CHARSET_RULE2
3IMPORT_RULE2
4MEDIA_RULE2
5FONT_FACE_RULE2
6PAGE_RULE2

DOM level 2 specifies these additional properties:

See also:Document.styleSheets[], SelectorArray object, StyleSheet object, StyleSheet.rules[]

PropertyJavaScriptJScriptNIEOperaNESECMADOMCSSHTMLNotes
cssText1.5 1.55.0 5.06.0 6.05.0 5.0 n/a n/a n/a2 2 n/a n/a-
parentStyleSheet1.5 1.55.0 5.06.0 6.05.0 5.0 n/a n/a n/a2 2 n/a n/a-
readOnly n/a3.0 3.0 n/a3.0 4.0 n/a n/a n/a n/a n/a n/aReadOnly.
runtimeStyle n/a5.0 5.0 n/a5.0 5.0 n/a n/a n/a n/a n/a n/a-
selectorText1.5 1.53.03.06.0 6.04.04.0 n/a n/a n/a2 2 n/a n/aReadOnly.
style1.5 1.55.0 5.06.0 6.05.0 5.0 n/a n/a n/a2 2 n/a n/a-