@property

Registers a custom property with a type and default.

What does @property do?

@property registers a custom property with a type, a default value and whether it inherits.

@property --progress {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;
}

Level: Master · More CSS terms at this level

Updated September 27, 2026