CSSRule

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

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

関連情報