CSS · At-rules, values and responsive design

var()

Reads a custom property with an optional fallback.

Syntax
var(--brand, #2f74c0)

Example

Try it

More in this group

@container @font-face @import @layer @media query @supports calc() clamp()

Learn this in the course

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

Open the course