CSSGroupingRule

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

The CSSGroupingRule interface of the CSS Object Model represents any CSS at-rule that contains other rules nested within it.

CSSRule CSSGroupingRule

Instance properties

This interface also inherits properties from CSSRule.

CSSGroupingRule.cssRules Read only

Returns a CSSRuleList of the CSS rules in the media rule.

Instance methods

This interface also inherits methods from CSSRule.

CSSGroupingRule.deleteRule

Deletes a rule from the style sheet.

CSSGroupingRule.insertRule

Inserts a new style rule into the current style sheet.

Specifications

Specification
CSS Object Model (CSSOM)
# the-cssgroupingrule-interface

Browser compatibility

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
CSSGroupingRule
cssRules
deleteRule
insertRule

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
Has more compatibility info.

See also