Experimental
This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The StylePropertyMap interface of the CSS Typed Object Model API provides a representation of a CSS declaration block that is an alternative to CSSStyleDeclaration.
<div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/en-US/docs/Web/API/StylePropertyMap" target="_top"><rect x="1" y="1" width="160" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text x="81" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">StylePropertyMap</text></a></svg></div>
a:hover text { fill: #0095DD; pointer-events: all;}
Properties
Inherits properties from its parent, StylePropertyMapReadOnly.
Methods
Inherits methods from its parent, StylePropertyMapReadOnly.
StylePropertyMap.append()- Adds a new CSS declaration to the
StylePropertyMapwith the given property and value. StylePropertyMap.clear()- Removes all declarations in the
StylePropertyMap. StylePropertyMap.delete()- Removes the CSS declaration with the given property.
StylePropertyMap.set()- Changes the CSS declaration with the given property.
Specifications
| Specification | Status | Comment |
|---|---|---|
| CSS Typed OM Level 1 The definition of 'StylePropertyMap' in that specification. |
Working Draft | Initial definition. |
Browser compatibility
BCD tables only load in the browser