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 への参照は、 CSSStyleSheet の cssRules リストを参照することで取得できます。
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