/* create */ :root { --variable-name: variable-property; } /* use */ selector { property: var(--variable-name); }
// get variable from inline style element.style.getPropertyValue("--my-var"); // get variable from wherever getComputedStyle(element).getPropertyValue("--my-var"); // set variable on inline style element.style.setProperty("--my-var", jsVar + 4);