CSSStyleRule: styleMap property

{{APIRef("CSSOM")}}

The styleMap read-only property of the {{domxref("CSSStyleRule")}} interface returns a {{domxref('StylePropertyMap')}} object which provides access to the rule's property-value pairs.

Value

A {{domxref('StylePropertyMap')}} object.

Example

The following example shows styleMap being used to modify a style using the {{domxref('StylePropertyMap.set()')}} method.

const stylesheet = document.styleSheets[0];

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

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}