SYNCERのロゴ
アイキャッチ画像

CSSMediaRule - @mediaのCSSルール

CSSMediaRuleは、@mediaのCSSルールを管理するための機能を備えたインターフェイスです。

概要

名前
CSSMediaRule
継承
IDL
[Exposed=Window]
interface CSSMediaRule : CSSConditionRule {
    [SameObject, PutForwards=mediaText] readonly attribute MediaList media;
};
仕様書
https://drafts.csswg.org/css-conditional-3/#cssmediarule

チュートリアル

CSSMediaRuleは、CSSRuleListの各インデックスに含まれています。先にStyleSheetListCSSStyleSheetCSSRuleListCSSRuleを理解して下さい。下記のような@mediaのCSSルールがCSSMediaRuleです。

@media screen and (min-width:250px) {
	p#hoge { color: red ; }
	p#hoge { background-color: #fffff0 ; }
}

コンストラクタ

コンストラクタはありません。

プロパティ

media

@mediaのクエリをMediaListで返します。

メソッド

固有のメソッドはありません。

定数

固有の定数はありません。

イベント

固有のイベントハンドラはありません。

サポート状況

クリックすると、バージョンごとの対応状況を確認できます。

FeaturesChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
CSSMediaRule 9+
media 9+
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月15日 (日)
コンテンツを公開しました。