/* create */<br /> :root {<br /> –variable-name: variable-property;<br /> }<br /> /* use */<br /> selector {<br /> property: var(–variable-name);<br /> }

// get variable from inline style<br /> element.style.getPropertyValue(“–my-var”);</p> <p>// get variable from wherever<br /> getComputedStyle(element).getPropertyValue(“–my-var”);</p> <p>// set variable on inline style<br /> element.style.setProperty(“–my-var”, jsVar + 4);<br />