CSS Custom Properties (CSS Variables)

Introduces cascading variables as a new primitive value type that is accepted by all CSS properties, and custom properties for defining them.

Demo

• https://googlechrome.github.io/samples/css-custom-properties/index.html

Specification

Established standard

Status in Chromium

Blink components: Blink

Enabled by default (launch bug) in:

• Chrome for desktop release 49
• Chrome for Android release 49
• Android WebView release 49
• Opera release 36
• Opera for Android release 36

Consensus & Standardization

• Firefox: Shipped
• Edge: In development
• Safari: Shipped
• Web Developers: Mixed signals

Owner

• shans@chromium.org

Last updated on 2017-06-14