Types

The value types every property, function and at-rule draws on. A type is written <name> in a syntax line and stands for a family of allowed values: <length> for any distance, <color> for any colour. Every type, unit, named colour, system colour and CSS-wide keyword here is also in the search and the A–Z.

Numbers & units →

<number>, <integer>, <percentage>, <ratio>, <length>, <angle>, <time>, <resolution> and <flex>, with every one of the 60 units.

Colors →

<color>, hex colours, all 148 named colours, the 19 system colours, transparent, currentcolor, hue and alpha, and colour interpolation.

Images, shapes & positions →

<image>, <gradient>, <url>, <basic-shape>, <position>, the box keywords, <blend-mode> and corner shapes.

Text & keywords →

Strings and identifiers, the CSS-wide keywords such as inherit and revert, font families and sizes, counter styles and text edges.

Layout values →

The display keywords, box sizes, line styles and widths, overflow, the alignment keywords, grid tracks and the anchor positioning values.

Animation & effects values →

Easing, transform and filter functions, timeline ranges, the transition and animation keywords, and <shadow>.