Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The set() method of the StylePropertyMap interface changes the CSS declaration with the given property.
StylePropertyMap.set()
Syntax
set(property, value)
Parameters
- property
-
An identifier indicating the stylistic feature (e.g. font, width, background color) to change.
- value
-
The value the given property should have.
Return value
Examples
This example sets the padding-top property, with the given value, within the element's style attribute.
// get the button element const buttonEl = document.querySelector('button'); // set padding-top on button style attribute buttonEl.attributeStyleMap.set('padding-top', CSS.px(10));
Specifications
| Specification |
|---|
| CSS Typed OM Level 2 # dom-stylepropertymap-set |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
set |
66
|
79
|
No
|
No
|
53
|
No
|
66
|
66
|
No
|
47
|
No
|
9.0
|
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/StylePropertyMap/set
