CSS · At-rules, values and responsive design

Custom property

Defines a reusable value. Custom properties inherit and can be changed at runtime.

cssRunnable example css course

Syntax

--brand: #2f74c0

Example

Try it

.demo { --brand: #2f74c0; color: var(--brand); }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.