An object implementing the CSSGroupingRule
interface represents any CSS at-rule that contains other rules nested within it.
Objects deriving from it :
CSSConditionRule
and its children:CSSMediaRule
,CSSSupportsRule
, andCSSDocumentRule
.CSSPageRule
Syntax
The syntax is described using the WebIDL format.
interface CSSGroupingRule : CSSRule { readonly attribute CSSRuleList cssRules; unsigned long insertRule (DOMString rule, unsigned long index); void deleteRule (unsigned long index); }
Properties common to all CSSGroupingRule instances
The CSSGroupingRule
derives from CSSRule
and inherits all properties of this class. It has one specific property:
CSSGroupingRule.cssRules
Read only- Returns a
CSSRuleList
of the CSS rules in the media rule.
Methods common to all CSSGroupingRule instances
The CSSGroupingRule
derives from CSSRule
and inherits all methods of this class. It has two specific methods:
CSSGroupingRule.deleteRule
- Deletes a rule from the style sheet.
CSSGroupingRule.insertRule
- Inserts a new style rule into the current style sheet.
Specification
Specification | Status | Comment |
---|---|---|
CSS Object Model (CSSOM) The definition of 'CSSGroupingRule' in that specification. |
Working Draft | Initial definition. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
CSSGroupingRule | Chrome Full support 45 | Edge Full support ≤18 | Firefox Full support 20 | IE No support No | Opera Full support 32 | Safari No support No | WebView Android Full support 45 | Chrome Android Full support 45 | Firefox Android Full support 20 | Opera Android Full support 32 | Safari iOS No support No | Samsung Internet Android Full support 5.0 |
Legend
- Full support
- Full support
- No support
- No support