CSSMediaRule

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

構文

構文は、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 の定義		 廃止された

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
CSSMediaRuleChrome 完全対応 45Edge 完全対応 12Firefox 完全対応 17
補足
完全対応 17
補足
補足 Before Firefox 20, conditionText could not be set.
IE ? Opera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 45Chrome Android 完全対応 45Firefox Android 完全対応 17
補足
完全対応 17
補足
補足 Before Firefox 20, conditionText could not be set.
Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 5.0
mediaChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応
実装状況不明  
実装状況不明
実装ノートを参照してください。
実装ノートを参照してください。