Dev Patrache

Référence unités 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개 표시 중
Dernière mise à jour : 2026 · Outil en ligne gratuit

Qu'est-ce que Référence unités CSS ?

Référence gratuite des unités CSS (px, em, rem, %, vw, vh, vmin, vmax, ch) classées par catégorie, expliquant quand et comment utiliser chaque unité absolue et relative.

Comment utiliser

  1. 1
    Rechercher— Recherchez l'élément souhaité par mot-clé.
  2. 2
    Catégorie— Filtrez par boutons de catégorie.
  3. 3
    Copier— Copiez l'élément souhaité.

Outils associés

Questions fréquentes

Un outil gratuit en ligne pour parcourir les unités CSS comme px, em, rem, vh, vw par catégorie.

Non. Tout le traitement se fait dans votre navigateur.

Oui, vous pouvez copier ou télécharger les résultats.

Oui, le design responsive fonctionne sur les appareils mobiles.

Oui, c'est entièrement gratuit.

Ce site utilise des cookies pour améliorer votre expérience et la publicité. En savoir plus