PX til REM-omregner
Omregn CSS-længder mellem px, rem, em, pt og andre enheder. rem og em afhænger af en basisskriftstørrelse, så du indtaster den basis, der skal omregnes med.
Sådan omregnes CSS-enheder
CSS' absolutte enheder (px, pt, pc, in, cm, mm, Q) er defineret i W3C-specifikationen CSS Values and Units som følger.
| Enhed | Definition | I px |
|---|---|---|
| in (tomme) | 1in = 2,54cm = 96px | 96 px |
| px (pixel) | 1px = 1/96 in | 1 px |
| pt (punkt) | 1pt = 1/72 in | 4/3 px (ca. 1,3333 px) |
| pc (pica) | 1pc = 1/6 in (12pt) | 16 px |
| cm (centimeter) | 1in = 2,54cm | ca. 37,7953 px |
| mm (millimeter) | 1cm = 10mm | ca. 3,77953 px |
| Q (kvart millimeter) | 1Q = 1/40 cm | ca. 0,944882 px |
Beregningen bruger eksakte brøker. En værdi, der ikke går op (som cm, mm eller Q i px), mærkes "afrundet værdi".
rem og em afhænger af en basisskriftstørrelse
- rem er relativ til font-size for rodelementet (
html). Med en basis på 16px er 1rem = 16px. Hvis du sætterhtml { font-size: 62.5 % }, bliver basis 10px (når browserens standard er 16px), og 1,6rem = 16px. - em er relativ til font-size for det element, den bruges på. Undtagelsen er selve egenskaben
font-size: når em bruges ifont-size, henviser den til den font-size, der er nedarvet fra det overordnede element (det er, hvad W3C-specifikationen siger). I egenskaber sompaddingogmarginhenviser em til elementets egen font-size. - Indlejrede em-værdier (for eksempel 1,2em inden i en anden 1,2em, hvilket ganges til 1,44) beregnes ikke her. Indtast den beregnede (faktiske) font-size som basis.
Startværdien 16px er kun en praktisk standard. Dette værktøj omregner med den basis (i px), du indtaster, og en anden basis giver et andet rem- eller em-resultat.
En CSS-pixel er ikke en skærmpixel
En CSS-px er ikke en fysisk pixel på en skærm (en enhedspixel). Den er en referencepixel defineret som 1/96 tomme. På en skærm med høj tæthed kan én CSS-pixel tegnes med flere enhedspixel (for eksempel 2 × 2).
Eksempler
- 16px = 1rem = 1em = 12pt (med en basis på 16px)
- 24px = 2,4rem (med en basis på 10px)
- 1,6rem = 16px (med en basis på 10px)
- 1in = 96px = 72pt = 6pc = 2,54cm
- 10mm ≈ 37,79528px
- 0,75pt = 1px
Bemærkninger
- Enheder, der afhænger af skærmstørrelsen, det overordnede elements størrelse eller skriftens form (vw, vh, %, ch, ex osv.), kan ikke omregnes ud fra et tal alene, så de er ikke med.
- Værdien kan have op til 12 cifre før decimalkommaet og 6 decimaler og kan være negativ (CSS har negative længder, fx
margin: -10px). En basis skal være større end 0. Tusindtalsseparatorer som 1.234,5 accepteres; brug komma som decimaltegn. - Resultater vises med 7 betydende cifre. Du kan kopiere værdien, som den vises, eller med 15 betydende cifre.
Kilder
- W3C, CSS Values and Units Module Level 3: definitionerne af de absolutte længdeenheder og af em og rem (kontrolleret den 31. oktober 2026; siden var Candidate Recommendation Draft dateret den 22. marts 2024). Den angiver rem som rodelementets skriftstørrelse og em som elementets beregnede font-size, eller det overordnede elements, når den bruges i egenskaben
font-size.
Ofte stillede spørgsmål
Hvor mange px er 1rem?
Det afhænger af font-size for rodelementet (html). Med en basis på 16px er det 16px, men hvis html font-size ændres, ændres også størrelsen af 1rem. Indtast din basis for at omregne.
Skal jeg bruge px eller pt?
px og rem er almindelige til skærme. pt bruges oftere i CSS til print. Fordi 1pt = 4/3 px, er 12pt 16px.
Hvad er forskellen på em og rem?
rem er relativ til rodelementets font-size, så den har samme størrelse, uanset hvor du bruger den. em er relativ til den font-size, hvor den bruges, så indlejrede elementer kan ændre dens størrelse.