CSS Eenheden Referentie
Naslagwerk voor CSS-eenheden als px, em, rem, %, vw, vh, vmin, vmax en ch, gerangschikt per categorie. Met heldere uitleg over elke absolute en relatieve eenheid, gratis in je browser.
| Eenheid | Naam | Type | Beschrijving | Voorbeeld |
|---|---|---|---|---|
| px | Pixels | absolute | Eén pixel op het scherm. De meest basale eenheid. | font-size: 16px; |
| em | Em | relative | Veelvoud van de font-size van het bovenliggende element. | padding: 1.5em; |
| rem | Root Em | relative | Veelvoud van de font-size van het root-element (html). | margin: 2rem; |
| % | Percent | relative | Percentage van de overeenkomstige eigenschap van het bovenliggende element. | width: 50%; |
| vw | Viewport Width | viewport | 1% van de viewportbreedte. | width: 100vw; |
| vh | Viewport Height | viewport | 1% van de viewporthoogte. | height: 100vh; |
| vmin | Viewport Min | viewport | 1% van de kleinste van vw en vh. | font-size: 5vmin; |
| vmax | Viewport Max | viewport | 1% van de grootste van vw en vh. | width: 50vmax; |
| dvh | Dynamic VH | viewport | Dynamische viewporthoogte (houdt rekening met de mobiele adresbalk). | height: 100dvh; |
| svh | Small VH | viewport | Kleinste viewporthoogte. | min-height: 100svh; |
| lvh | Large VH | viewport | Grootste viewporthoogte. | max-height: 100lvh; |
| ch | Character | relative | Gebaseerd op de breedte van het teken "0". | max-width: 60ch; |
| ex | X-Height | relative | Gebaseerd op de hoogte van het teken "x". | line-height: 2ex; |
| cm | Centimeters | absolute | Centimeters. Voor drukwerk. | width: 10cm; |
| mm | Millimeters | absolute | Millimeters. Voor drukwerk. | margin: 5mm; |
| in | Inches | absolute | Duim (1in = 96px). | width: 2in; |
| pt | Points | absolute | Punten (1pt = 1/72in). | font-size: 12pt; |
| cqi | Container Inline | container | 1% van de inline-grootte van de container. | font-size: 5cqi; |
| cqb | Container Block | container | 1% van de blokgrootte van de container. | padding: 2cqb; |
19개 표시 중
Insluiten
Laatst bijgewerkt: 2026 · Gratis online tool
Wat is CSS Eenheden Referentie?
Naslagwerk voor CSS-eenheden als px, em, rem, %, vw, vh, vmin, vmax en ch, gerangschikt per categorie. Met heldere uitleg over elke absolute en relatieve eenheid, gratis in je browser.
Gebruiksaanwijzing
- 1Zoeken— Zoek het gewenste item op trefwoord.
- 2Categorie— Filter op categorieknoppen.
- 3Kopiëren— Kopieer het gewenste item.
Gerelateerde tools
PX naar REM ConverterPX-naar-REM-converter die CSS-pixels en rem in beide richtingen omrekent met een instelbare root-lettergrootte, decimalen inbegrepen. Met kopieerbare referentietabel en CSS-snippet, gratis in je browser.
BrowsercompatibiliteitscontroleBrowsercompatibiliteit checken voor elke CSS-, JavaScript-, HTML- of Web-API-functie: welke versies van Chrome, Firefox, Safari en Edge die ondersteunen. Gratis en direct in je browser.
CSS-gradiëntgeneratorVisuele CSS-gradient-generator voor lineaire, radiale en conische verlopen: zet kleurstops, pas de hoek aan en kopieer de CSS. Ideaal voor achtergronden en knoppen, gratis in je browser.
CSS box-shadow generatorCSS-box-shadow-generator met regelaars voor offset, blur, spread, kleur en inset en een live voorbeeld van de schaduw. Kopieer de kant-en-klare box-shadow-CSS, gratis in je browser.
Veelgestelde vragen
Een gratis online tool om CSS-eenheden zoals px, em, rem, vh, vw per categorie te bekijken.
Ja, u kunt in realtime zoeken op trefwoord.
Nee. Het gebruikt statische gegevens en werkt offline.
Ja, klik op een item om het te kopiëren.
Ja, het responsieve ontwerp werkt op mobiele apparaten.