# @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.

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

Level: Master · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/master)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/property-css