The @property rule is an alternative way to register a custom property, without JavaScript.

Waiting for a script to register a property may not be desirable in all cases. Depending on (async) circumstance, registering a property in JS can cause a full style recalculation of the document, depending on when it happens. With @property, the registration can be part of the CSS stylesheet, the same way e.g. @keyframes can.


Status in Chromium


In development (tracking bug)

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

  • No public signals
  • No public signals
  • No public signals
  • No signals


Last updated on 2019-06-20