CSS3 Click Chart | CSS3 Browser Support and Information

Blending and Compositing

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

Specification

CSS Variables on W3C

Example Code

:root {
    var-global-color: navajowhite;
}

.element {
    color: $global-color;
    font-family: var($global-font, 'Helvetica, sans-serif');
}

Live Demonstration

N/A

Desktop Browser Support

Standard Syntax:
No support

Vendor Prefix:
WebKit Nightlies(?)

Tools / Polyfills

Tutorials / Articles

CSS Variables (Stoyan Stefanov)
CSS Variables: WebKit Brings the CSS Jackalope to Life
Creeps and Weirdos in the CSS Spec