CSSStyleRule - 通常の宣言ブロック

2017/10/15

CSSStyleRuleは、通常の宣言ブロックのCSSルールを管理するための機能を備えたインターフェイスです。

概要

名前

CSSStyleRule

継承

CSSRule
CSSStyleRule

IDL

[Exposed=Window]
interface CSSStyleRule : CSSRule {
  attribute CSSOMString selectorText;
  [SameObject, PutForwards=cssText] readonly attribute CSSStyleDeclaration style;
};

typedef USVString CSSOMString;

仕様書

https://drafts.csswg.org/cssom/#cssstylerule

チュートリアル

CSSStyleRuleは、CSSRuleListの各インデックスに含まれています。先にStyleSheetList、CSSStyleSheet、CSSRuleList、CSSRuleを理解して下さい。下記のような通常の宣言ブロックのCSSルールがCSSStyleRuleです。

p {
	color: red ;
}

コンストラクタ

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

プロパティ

selectorText

セレクタを文字列で返します。

style

宣言ブロック内のスタイルシートのまとまりをCSSStyleDeclarationで返します。

メソッド

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

定数

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

イベント

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

サポート状況

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

Features	Chrome	Firefox	Safari	Edge	IE	Opera	iOS Safari	Android
CSSStyleRule	●	●	●	●	● 9+	●	●	●
selectorText	●	●	●	●	● 9+	●	●	●
style	●	●	●	●	● 9+	●	●	●

概要

チュートリアル

コンストラクタ

プロパティ

selectorText

style

メソッド

定数

イベント

サポート状況

関連記事