custom properties css code example
Example 1: css custom properties
:root {
--variable-name: variable-property;
}
selector {
property: var(--variable-name);
}
Example 2: css variable
...
<style>
:root{
--couleur-principale: brown;
}
#test1{
color:var(--couleur-principale);
}
</style>
...
Example 3: custom properties css
// 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);