CSSStyleRule.styleMap

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

styleMap は CSSStyleRule インターフェイスの読み取り専用プロパティで、このルールのプロパティ／値の組にアクセスするための StylePropertyMap オブジェクトを返します。

値

StylePropertyMap オブジェクトです。

例

以下の例では、　styleMap を使用して StylePropertyMap.set() メソッドを使用し、スタイルを変更する方法を示しています。

js
const stylesheet = document.styleSheets[0];

Object.values(stylesheet.cssRules).forEach((block) => {
  if (block.selectorText === "button") {
    block.styleMap.set("--mainColor", "black");
  }
});

仕様書

Specification
CSS Typed OM Level 1
# dom-cssstylerule-stylemap

ブラウザーの互換性