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.mediaRead only -
Specifies a
MediaListrepresenting 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.
Specification
| Specification | Status | Comment |
|---|---|---|
| CSS Conditional Rules Module Level 3 | Candidate Recommendation | Make it derived from the CSSConditionRule. |
| CSS Object Model (CSSOM) | Working Draft | No changes from Document Object Model (DOM) Level 2 Style Specification |
| Document Object Model (DOM) Level 2 Style Specification | Recommendation |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | ? | (Yes) [1] | ? | ? | ? |
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | ? | 17.0 (17) [1] | ? | ? | ? |
[1] Setting the value of conditionText on Gecko is only possible from Firefox 20 onwards.
See also
- CSS Object Model:
CSSRule,CSSStyleRule,CSSMediaRule,CSSPageRule,CSSKeyframesRule,CSSKeyframeRule,CSSNamespaceRule,CSSSupportsRule,CSSGroupingRule,CSSConditionRule
Document Tags and Contributors
Last updated by:
teoli,