CSS-eenheden-naslagwerk
Blader door elke CSS-eenheid — absoluut (px, cm, pt), lettertype-relatief (em, rem, ch), viewport (vw, dvh), container-query, grid (fr), hoek, tijd en resolutie — in een doorzoekbaar, op type filterbaar naslagwerk met een beschrijving, een "wanneer te gebruiken"-notitie en kopieerklare tokens. In je browser, gratis.
Elke CSS-eenheid, uitgelegd. Alles draait in je browser vanuit een ingebouwd naslagwerk — er wordt niets naar de server gestuurd.
Over CSS-eenheden-naslagwerk
De CSS Units Reference documenteert elke eenheid die de taal biedt — 45 in totaal — georganiseerd per type: absolute eenheden zoals px, cm en pt; lettertype-relatieve eenheden zoals em, rem, ch en lh; viewporteenheden van vw en vh tot de nieuwere svh, lvh en dvh; container-query-eenheden zoals cqw en cqi; de grid-eenheid fr; plus hoek, tijd, resolutie en percentage.
Elke kaart geeft je meer dan een definitie: het eenheidstoken in kopieerbare monospace, de volledige naam, de categorie, een omschrijving in gewone taal van hoe hij wordt berekend, en een praktische “wanneer te gebruiken”-opmerking die aangeeft waar de eenheid zijn plek verdient — en waar een andere beter past.
Zoeken matcht tokens, namen en betekenissen, zodat rem, viewport width en root allemaal hun eenheden vinden, en typechips filteren het grid naar één familie. Alles werkt in je browser vanuit een ingebouwde referentie, zonder dat iets naar een server wordt gestuurd.
Hoe gebruik je CSS-eenheden-naslagwerk
- Zoek een eenheid op token, naam of betekenis — bijvoorbeeld rem, viewport width of angle.
- Gebruik de typechips om het grid te filteren op absolute, lettertype-relatieve, viewport-, container-, grid-, hoek-, tijd-, resolutie- of percentage-eenheden.
- Lees de omschrijving en de “wanneer te gebruiken”-opmerking van elke eenheid om de juiste te kiezen.
- Klik op de kopieerknop om het eenheidstoken voor je stylesheet te grijpen.