CSSStyleRule.style
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月.
style は読み取り専用プロパティで、この CSSStyleRule の宣言ブロックのための CSSStyleDeclaration インターフェイスです。
値
CSSStyleDeclaration オブジェクトで、次のプロパティがあります。
- computed flag
-
未設定。
- declarations
-
このルール内で宣言された宣言で、指定された順番であり、個別指定プロパティに展開された一括指定プロパティです。
- parent CSS rule
-
コンテキストオブジェクトで、 this の別名です。
- owner node
-
null です。
例
この CSS は 1 つのスタイルルールを含んでいます。これは最初の CSSRule となり、 document.styleSheets[0].cssRules で返されます。
従って、 myRules[0].style は h1 に定義された宣言を表す CSSStyleDeclaration をを返します。
css
h1 {
color: pink;
}
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].style); // a CSSStyleDeclaration representing the declarations on the h1.
メモ: 宣言ブロックは、中括弧内に現れるスタイルルールの一部で、実際にスタイル定義を提供する部分です（セレクターについては、中括弧の前に来る部分）。
仕様書
| Specification |
|---|
| CSS Object Model (CSSOM) # dom-cssstylerule-style |
ブラウザーの互換性
Loading…