CSS Click Chart

Variables (Custom Properties)

Lets you define your own variables or "custom properties" to which you can assign values and use in multiple places, very similar to how variables work in a programming language like JavaScript or PHP.


CSS Custom Properties for Cascading Variables on W3C

Example Code

Live Demonstration

The background color and text for this element are defined using CSS variables.

Browser Support

Can I Use css-variables? Data on support for the variables feature across the major browsers from caniuse.com.

Tools / Polyfills

Tutorials / Articles