CSSMediaRule

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

構文

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

interface CSSMediaRule : CSSConditionRule {
    readonly attribute MediaList media;
}

プロパティ

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

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

メソッド

CSSConditionRule、さらに CSSGroupingRule と CSSRule の両方のインターフェイスを持つため、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 の定義		 廃止された

ブラウザーの実装状況

現在、互換性データを可読形式の JSON フォーマットに置き換えているところです。 この互換性一覧は古い形式を使っており、これに含まれるデータの置き換えが済んでいません。 手助けしていただける場合は、こちらから！
機能 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 以降でのみ可能です。

関連トピック