CSS · At-rules

@property

Declares a typed custom property with a syntax, inheritance rule and initial value.

cssRunnable example css course

Syntax

@property --name { … }

Example

Try it

@property --brand {
  syntax: "<color>";
  inherits: true;
  initial-value: #2f74c0;
}
.demo { color: var(--brand); }

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