CSSStyleRule.styleMap

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

StylePropertyMap オブジェクトです。

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

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

ブラウザーの互換性

BCD tables only load in the browser