Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

Custom properties (--*)

This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.

Properties name that are prefixed with --, like --example-name, represent custom properties that contains a value than can be reused throughout the document, using a variable (var()).

Custom properties participate in the cascade: each of them can appear several times, and the value of the variable will match the value defined in the custom property decided by the cascading algorithm.

 

Document Tags and Contributors

 Contributors to this page: yisibl, teoli
 Last updated by: yisibl,