CSSRule
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
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 への参照は、 CSSStyleSheet の cssRules リストを参照することで取得できます。
js
let myRules = document.styleSheets[0].cssRules; // CSSRuleList を返す
console.log(myRules);
仕様書
| 仕様書 |
|---|
| CSS Object Model (CSSOM) # the-cssrule-interface |