CSSMediaRule

The CSSMediaRule is an interface representing a single CSS @media rule. It implements the CSSConditionRule interface, and therefore the CSSGroupingRule and the CSSRule interface with a type value of 4 (CSSRule.MEDIA_RULE).

Syntax

The syntax is described using the WebIDL format.

interface CSSMediaRule : CSSConditionRule {
    readonly attribute MediaList media;
}

Properties

As a CSSConditionRule, and therefore both a CSSGroupingRule and a CSSRule, CSSMediaRule also implements the properties of these interfaces. It has the following specific property:

CSSMediaRule.media Read only

Specifies a MediaList representing the intended destination medium for style information.

Methods

As a CSSConditionRule, and therefore both a CSSGroupingRule and a CSSRule, CSSMediaRule also implements the methods of that interface. It has no specific methods.

Specifications

Specification	Status	Comment
CSS Conditional Rules Module Level 3 The definition of 'CSSMediaRule' in that specification.	Candidate Recommendation	Make it derived from the CSSConditionRule.
CSS Object Model (CSSOM) The definition of 'CSSMediaRule' in that specification.	Working Draft	No changes from Document Object Model (DOM) Level 2 Style Specification
Document Object Model (DOM) Level 2 Style Specification The definition of 'CSSMediaRule' in that specification.	Recommendation

Browser compatibility

[1] Setting the value of conditionText on Gecko is only possible from Firefox 20 onwards.