Référence unités CSS
Référence des unités CSS px, em, rem, %, vw, vh, vmin, vmax et ch, classées par catégorie. Avec des explications claires sur chaque unité absolue et relative, gratuit dans le navigateur.
| Unité | Nom | Type | Description | Exemple |
|---|---|---|---|---|
| px | Pixels | absolute | Un pixel à l'écran. L'unité la plus élémentaire. | font-size: 16px; |
| em | Em | relative | Multiple de la font-size de l'élément parent. | padding: 1.5em; |
| rem | Root Em | relative | Multiple de la font-size de l'élément racine (html). | margin: 2rem; |
| % | Percent | relative | Pourcentage relatif à la propriété parente correspondante. | width: 50%; |
| vw | Viewport Width | viewport | 1 % de la largeur de la fenêtre. | width: 100vw; |
| vh | Viewport Height | viewport | 1 % de la hauteur de la fenêtre. | height: 100vh; |
| vmin | Viewport Min | viewport | 1 % de la plus petite valeur entre vw et vh. | font-size: 5vmin; |
| vmax | Viewport Max | viewport | 1 % de la plus grande valeur entre vw et vh. | width: 50vmax; |
| dvh | Dynamic VH | viewport | Hauteur dynamique de la fenêtre (tient compte de la barre d'adresse mobile). | height: 100dvh; |
| svh | Small VH | viewport | Hauteur minimale de la fenêtre. | min-height: 100svh; |
| lvh | Large VH | viewport | Hauteur maximale de la fenêtre. | max-height: 100lvh; |
| ch | Character | relative | Basé sur la largeur du caractère « 0 ». | max-width: 60ch; |
| ex | X-Height | relative | Basé sur la hauteur du caractère « x ». | line-height: 2ex; |
| cm | Centimeters | absolute | Centimètres. Pour l'impression. | width: 10cm; |
| mm | Millimeters | absolute | Millimètres. Pour l'impression. | margin: 5mm; |
| in | Inches | absolute | Pouces (1in = 96px). | width: 2in; |
| pt | Points | absolute | Points (1pt = 1/72in). | font-size: 12pt; |
| cqi | Container Inline | container | 1 % de la taille en ligne du conteneur. | font-size: 5cqi; |
| cqb | Container Block | container | 1 % de la taille de bloc du conteneur. | padding: 2cqb; |
19개 표시 중
Intégrer
Dernière mise à jour : 2026 · Outil en ligne gratuit
Qu'est-ce que Référence unités CSS ?
Référence des unités CSS px, em, rem, %, vw, vh, vmin, vmax et ch, classées par catégorie. Avec des explications claires sur chaque unité absolue et relative, gratuit dans le navigateur.
Comment utiliser
- 1Rechercher— Recherchez l'élément souhaité par mot-clé.
- 2Catégorie— Filtrez par boutons de catégorie.
- 3Copier— Copiez l'élément souhaité.
Outils associés
Convertisseur PX en REMConvertisseur PX vers REM qui traduit pixels et rem dans les deux sens selon une taille de police racine personnalisable, décimales comprises. Table de référence et snippet CSS copiables, gratuit.
Vérificateur de compatibilité navigateurCompatibilité navigateur d'une fonctionnalité CSS, JavaScript, HTML ou Web API : quelles versions de Chrome, Firefox, Safari et Edge la prennent en charge. Gratuit et instantané.
Générateur de dégradé CSSGénérateur visuel de dégradés CSS linéaires, radiaux et coniques : ajoutez des points de couleur, ajustez l'angle et copiez le CSS. Parfait pour arrière-plans et boutons, gratuit dans le navigateur.
Générateur CSS box-shadowGénérateur CSS box-shadow avec réglages de décalage, flou, étalement, couleur et inset, et aperçu en direct de l'ombre. Copiez le code box-shadow prêt à l'emploi, gratuit dans le navigateur.
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.