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