CSSRule
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 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);
仕様書
| Specification |
|---|
| CSS Object Model (CSSOM) # the-cssrule-interface |
ブラウザーの互換性
Loading…