Dev Patrache

CSS Eenheden Referentie

UnitNameTypeDescriptionExample
pxPixelsabsoluteOne pixel on screen. The most basic unit.font-size: 16px;
emEmrelativeMultiple of the parent element font-size.padding: 1.5em;
remRoot EmrelativeMultiple of the root (html) element font-size.margin: 2rem;
%PercentrelativePercentage relative to the corresponding parent property.width: 50%;
vwViewport Widthviewport1% of the viewport width.width: 100vw;
vhViewport Heightviewport1% of the viewport height.height: 100vh;
vminViewport Minviewport1% of the smaller of vw and vh.font-size: 5vmin;
vmaxViewport Maxviewport1% of the larger of vw and vh.width: 50vmax;
dvhDynamic VHviewportDynamic viewport height (accounts for mobile address bar).height: 100dvh;
svhSmall VHviewportSmallest viewport height.min-height: 100svh;
lvhLarge VHviewportLargest viewport height.max-height: 100lvh;
chCharacterrelativeBased on the width of the "0" character.max-width: 60ch;
exX-HeightrelativeBased on the height of the "x" character.line-height: 2ex;
cmCentimetersabsoluteCentimeters. For print.width: 10cm;
mmMillimetersabsoluteMillimeters. For print.margin: 5mm;
inInchesabsoluteInches (1in = 96px).width: 2in;
ptPointsabsolutePoints (1pt = 1/72in).font-size: 12pt;
cqiContainer Inlinecontainer1% of the container inline size.font-size: 5cqi;
cqbContainer Blockcontainer1% of the container block size.padding: 2cqb;
19개 표시 중
Laatst bijgewerkt: 2026 · Gratis online tool

Wat is CSS Eenheden Referentie?

Gratis online referentie voor CSS-eenheden zoals px, em, rem, %, vw, vh, vmin, vmax en ch per categorie, met duidelijke uitleg over elke absolute en relatieve eenheid.

Gebruiksaanwijzing

  1. 1
    Zoeken— Zoek het gewenste item op trefwoord.
  2. 2
    Categorie— Filter op categorieknoppen.
  3. 3
    Kopiëren— Kopieer het gewenste item.

Gerelateerde tools

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.

Deze site gebruikt cookies voor een betere ervaring en advertenties. Meer informatie