Dev Patrache

CSS-enhetsreferens

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개 표시 중
Senast uppdaterad: 2026 · Gratis onlineverktyg

Vad är CSS-enhetsreferens?

Gratis onlinereferens för CSS-enheter som px, em, rem, %, vw, vh, vmin, vmax och ch per kategori, med tydliga förklaringar av varje absolut och relativ enhet.

Så använder du

  1. 1
    Sök— Sök efter den post du behöver med nyckelord.
  2. 2
    Kategori— Filtrera med kategoriknappar.
  3. 3
    Kopiera— Kopiera den post du behöver.

Relaterade verktyg

Vanliga frågor

Ett gratis onlineverktyg för att bläddra bland CSS-enheter som px, em, rem, vh, vw efter kategori.

Ja, du kan söka i realtid med nyckelord.

Nej. Det använder statisk data och fungerar offline.

Ja, klicka på en post för att kopiera den.

Ja, den responsiva designen fungerar på mobila enheter.

Denna webbplats använder cookies för bättre upplevelse och reklam. Läs mer