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