We're looking for a person or people to help audit MDN to find places we could speed up. Is this you or someone you know? Check out the RFP: https://mzl.la/2IHcMiE

CSSMediaRule は、1 個の CSS @media 規則を表すインターフェイスです。これは、CSSConditionRule インターフェイス、さらに CSSGroupingRule インターフェイスと型定数の値が 4 (CSSRule.MEDIA_RULE) の CSSRule インターフェイスを実装します。


構文は、WebIDL 形式で記述されます。

interface CSSMediaRule : CSSConditionRule {
    readonly attribute MediaList media;


CSSConditionRule、さらに CSSGroupingRuleCSSRule の両方のインターフェイスを持つため、CSSMediaRule は、これらのインターフェイスのプロパティも実装します。これは、次の固有のプロパティを持ちます:

CSSMediaRule.media 読取専用
スタイル情報のための、意図された対象の媒体を表す MediaList を指定します。


CSSConditionRule、さらに CSSGroupingRuleCSSRule の両方のインターフェイスを持つため、CSSMediaRule は、これらのインターフェイスのメソッドも実装します。固有のメソッドはありません。


仕様書 策定状況 備考
CSS Conditional Rules Module Level 3
CSSMediaRule の定義
勧告候補 CSSConditionRule から派生。
CSS Object Model (CSSOM)
CSSMediaRule の定義
草案 Document Object Model (DOM) Level 2 Style Specification からの変更なし
Document Object Model (DOM) Level 2 Style Specification
CSSMediaRule の定義


We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート 45.0 (有) [1] ? ? ?
機能 Android Android Webview Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile Chrome for Android
基本サポート ? 45.0 17.0 (17) [1] ? ? ? 45.0

[1] Gecko で conditionText の値を設定することは、Firefox 20 以降でのみ可能です。


 このページの貢献者: Marsf
 最終更新者: Marsf,