Custom Properties Example

  1. This document has a background colour that is set using a CSS3 custom property.
  2. The heading is coloured using a different property.
  3. The custom properties syntax can also represent other values that can be substitued, e.g. here, measurements are stored in two new variables and used to define margins and padding.
  4. Variables make changing page layout way simpler when using media queries.