Glossary / CSS custom properties

CSS custom properties: what it means

Named values, such as --accent: #2f6f5e, set once and reused. Change one line and the whole page updates.

Also written: custom properties, CSS variables.

How it shows up when you build

Look the part: Variables such as --accent let you change a color once instead of in twenty places.

A tip

Ask for 'CSS variables for colors and spacing' so later edits are one-line changes.

Practise it

Build it with an AI tool and check the result in these exercises:

6. Look the part (Color, type, spacing)

Related terms

Audit, Checks, Contrast, CSS, Design tokens, Hex code, Type scale