CSS-enheter
Skriv inn en verdi og velg enhet, så vises samme størrelse i alle CSS-enheter, klar til å kopieres.
Samme størrelse i andre enheter
- 1.5remrotens skriftstørrelse
- 1.5emforelderens skriftstørrelse
- 150%prosent av forelderens skriftstørrelse
- 18ptpunkter
- 1.5pcpica
- 0.25intommer
- 0.635cmcentimeter
- 6.35mmmillimeter
- 25.4Qkvartmillimeter
- 1.6667vwprosent av vinduets bredde
- 2.6667vhprosent av vinduets høyde
- 2.6667vminprosent av vinduets korteste side
- 1.6667vmaxprosent av vinduets lengste side
Kontekst
Px til rem ved 16 px
| px | rem | pt |
|---|---|---|
| 10px | 0.625rem | 7.5pt |
| 12px | 0.75rem | 9pt |
| 14px | 0.875rem | 10.5pt |
| 16px | 1rem | 12pt |
| 18px | 1.125rem | 13.5pt |
| 20px | 1.25rem | 15pt |
| 24px | 1.5rem | 18pt |
| 28px | 1.75rem | 21pt |
| 32px | 2rem | 24pt |
| 36px | 2.25rem | 27pt |
| 40px | 2.5rem | 30pt |
| 48px | 3rem | 36pt |
| 64px | 4rem | 48pt |
Ett punkt regnes som 1,333 px, fordi en tomme er 96 px og 72 pt. Motsatt vei er én piksel 0,75 pt.
Slik fungerer det
Rem tar utgangspunkt i skriftstørrelsen på html-elementet, som er 16 px i alle nettlesere hvis ingen endrer den. 24 px blir altså 1,5 rem, og den som setter html { font-size: 62.5% } får 10 px per rem og enklere hoderegning, men endrer samtidig alt som bygger på standardstørrelsen.
Em tar utgangspunkt i forelderens skriftstørrelse og vokser derfor når elementer ligger inni hverandre: 1,2 em inni 1,2 em blir 1,44 ganger så stort. Prosent for font-size fungerer på samme måte, der 100 % er 1 em. Prosent for bredde eller marger tar i stedet utgangspunkt i den omsluttende blokken og regnes ikke om her.
Rem er det vanlige valget for skriftstørrelser og avstander, fordi siden da følger størrelsen den besøkende har valgt i nettleseren. Px i skriftstørrelser hindrer ikke zooming, men ser bort fra den innstillingen, noe WCAG-retningslinjene om tekststørrelse tar opp.
Vw og vh er én prosent av vinduets bredde og høyde, og vmin og vmax av den korteste og lengste siden. Verdiene avhenger helt av vinduet, så knappen henter størrelsen på vinduet du bruker nå. På mobil kan vh endre seg når adressefeltet vises; dvh, svh og lvh løser det.
Pt, pc, in, cm, mm og Q er absolutte enheter med faste forhold i CSS: en tomme er 96 px, 72 pt og 2,54 cm. På skjerm betyr det sjelden virkelige centimeter, fordi en CSS-piksel ikke er en fysisk piksel. De er mest nyttige i stilark for utskrift.
Verdiene skrives med punktum og høyst fire desimaler, slik CSS krever.