CSS Unit Converter
Converteer tussen alle CSS-eenheden met aangepaste basislettergrootte en viewport.
① Selecteer bron- en doel-CSS-eenheden ② Voer een waarde in ③ Kopieer het resultaat
→
Instellingen
Basislettertype
Standaard 16px — beinvloedt rem, em, ex, ch
Viewport
Standaard 1440x900 — beinvloedt vw, vh, vmin, vmax
13 Eenheden
px, rem, em, vw, vh, vmin, vmax, pt, pc, ex, ch, cm, mm, in
CSS Eenhedenconverter — Alle Eenheden Uitgelegd
CSS gebruikt meerdere eenheden: absolute (px, pt, cm, mm, in) en relatieve (rem, em, vw, vh). Relatieve eenheden zijn contextafhankelijk — rem gebruikt de root-lettergrootte, em die van het ouderelement.
Veelgestelde Vragen
px is absoluut. rem is relatief aan de root-lettergrootte (meestal 16px). em is relatief aan het ouderelement. rem heeft de voorkeur voor toegankelijke typografie.
vw is 1% van de browserbreedte. vh is 1% van de hoogte. Voor vloeiende layouts en volledig scherm secties.
Browsers gebruiken standaard 16px. 1rem = 16px. Kan worden aangepast in de instellingen.
pt (punt) en pc (pica) zijn absolute drukeenheden. 1pt = 1,333px. Zelden gebruikt in web-CSS.
Gebruik rem voor lettergroottes en afstanden. Gebruik px voor randen en fijne details.
ex is de x-hoogte van het lettertype. ch is de breedte van het "0"-teken.
vmin is 1% van de kleinste viewport-dimensie. vmax is 1% van de grootste.