Web/API/CSSGroupingRule

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, and CSSDocumentRule.
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

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`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