CSSStyleRule - 通常の宣言ブロック
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+ | ● | ● | ● |
関連記事
- CSSStyleRule.selectorText
- selectorTextは、CSSStyleRuleのプロパティです。セレクタを文字列で返します。
- CSSPageRule
- CSSPageRuleは、@pageのCSSルールを管理するための機能を備えたインターフェイスです。
- CSSKeyframeRule
- CSSKeyframeRuleは、@keyframes内の各CSSルールを管理するための機能を備えたインターフェイスです。
- CSSRuleList
- CSSRuleListは、CSSルールの集合を管理するための機能を備えたインターフェイスです。