CSSRule

CSSRule インターフェイスは、1 つの CSS ルールを表します。 CSSRule からプロパティを継承しているルールを表す型がいくつかあります。

インスタンスプロパティ

CSSRule インターフェイスは、すべてのルールに共通のプロパティを規定します。特定の種類のルールに特有のプロパティは、各種類のルールのために、さらに特化したインターフェース内で規定されています。

CSSRule.cssText

このルールのテキスト表現を表します。たとえば "h1,h2 { font-size: 16pt }" や "@import 'url'" です。ルールの一部(つまり、この例の "font-size" の値)にアクセスまたは変更するには、ルールの種類に特化したインターフェイスのプロパティを使用してください。

CSSRule.parentRule 読取専用

このルールを含むルールを返します。このルールが包含されていなければ null を返します。つまり、このルールが @media ブロック内部のスタイルルールの場合、親ルールは CSSMediaRule になります。

CSSRule.parentStyleSheet 読取専用

このルールを含むスタイルシートの CSSStyleSheet オブジェクトを返します。

CSSRule.type 読取専用 非推奨

どの種類のルールを表すかを決定するための、型定数の一つを返します。

CSSRule への参照は、 CSSStyleSheetcssRules リストを参照することで取得できます。

js
let myRules = document.styleSheets[0].cssRules; // CSSRuleList を返す
console.log(myRules);

仕様書

Specification
CSS Object Model (CSSOM)
# the-cssrule-interface

ブラウザーの互換性

BCD tables only load in the browser

関連情報