Dev Patrache

Riferimento unità CSS

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개 표시 중
Ultimo aggiornamento: 2026 · Strumento online gratuito

Cos'è Riferimento unità CSS?

Riferimento gratuito sulle unità CSS come px, em, rem, %, vw, vh, vmin, vmax e ch per categoria, con spiegazioni su quando e come usare ogni unità assoluta e relativa.

Come usare

  1. 1
    Cerca— Cerca l'elemento desiderato per parola chiave.
  2. 2
    Categoria— Filtra per pulsanti di categoria.
  3. 3
    Copiare— Copia l'elemento desiderato.

Strumenti correlati

Domande frequenti

Uno strumento online gratuito per esplorare le unità CSS come px, em, rem, vh, vw per categoria.

No. Tutta l'elaborazione avviene nel browser.

Sì, puoi copiare o scaricare i risultati.

Sì, il design responsive funziona su dispositivi mobili.

Sì, è completamente gratuito.

Questo sito utilizza cookie per migliorare l'esperienza e la pubblicità. Scopri di più