MENU


CSS Variables

The names of CSS variables start with double hyphens and are used with the var() function.

The second parameter to var() specifies the fallback value, ie. to be used when the variable cannot be found or is out of scope.
RESETRUNFULL
<!DOCTYPE html><html><head>
<style>
:root{
   --my_color: rgb(5,255,15);
}
p {
   color:var(--my_color, black);
   border: 1px solid var(--my_color);
   box-shadow: var(--my_color) 5px 5px 5px;
   font-size: var(--oos_dummy, 30px);
}
b {
   --oos_dummy: 9999px;
   /* out of scope */
}
</style>
</head><body>
   <p>centralizing the <b>color</b> control</p>
</body></html>