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

CSSConditionRule - コンディションのCSSルール

CSSConditionRuleは、CSSMediaRuleCSSSupportsRuleが共通して実装するインターフェイスです。

概要

名前
CSSConditionRule
継承
IDL
[Exposed=Window]
interface CSSConditionRule : CSSGroupingRule {
    attribute CSSOMString conditionText;
};

typedef USVString CSSOMString;
仕様書
https://drafts.csswg.org/css-conditional-3/#cssconditionrule

チュートリアル

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

@media all {
	p {
		color: red ;
		background-color: blue ;
	}
}

@supports( color: red ) {
	p {
		color: red ;
	}
}

コンストラクタ

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

プロパティ

conditionText

@mediaや@supportsのクエリを返します。

メソッド

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

定数

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

イベント

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

サポート状況

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

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