Referencia unidades CSS
| Unit | Name | Type | Description | Example |
|---|---|---|---|---|
| px | Pixels | absolute | One pixel on screen. The most basic unit. | font-size: 16px; |
| em | Em | relative | Multiple of the parent element font-size. | padding: 1.5em; |
| rem | Root Em | relative | Multiple of the root (html) element font-size. | margin: 2rem; |
| % | Percent | relative | Percentage relative to the corresponding parent property. | width: 50%; |
| vw | Viewport Width | viewport | 1% of the viewport width. | width: 100vw; |
| vh | Viewport Height | viewport | 1% of the viewport height. | height: 100vh; |
| vmin | Viewport Min | viewport | 1% of the smaller of vw and vh. | font-size: 5vmin; |
| vmax | Viewport Max | viewport | 1% of the larger of vw and vh. | width: 50vmax; |
| dvh | Dynamic VH | viewport | Dynamic viewport height (accounts for mobile address bar). | height: 100dvh; |
| svh | Small VH | viewport | Smallest viewport height. | min-height: 100svh; |
| lvh | Large VH | viewport | Largest viewport height. | max-height: 100lvh; |
| ch | Character | relative | Based on the width of the "0" character. | max-width: 60ch; |
| ex | X-Height | relative | Based on the height of the "x" character. | line-height: 2ex; |
| cm | Centimeters | absolute | Centimeters. For print. | width: 10cm; |
| mm | Millimeters | absolute | Millimeters. For print. | margin: 5mm; |
| in | Inches | absolute | Inches (1in = 96px). | width: 2in; |
| pt | Points | absolute | Points (1pt = 1/72in). | font-size: 12pt; |
| cqi | Container Inline | container | 1% of the container inline size. | font-size: 5cqi; |
| cqb | Container Block | container | 1% of the container block size. | padding: 2cqb; |
19개 표시 중
Última actualización: 2026 · Herramienta en línea gratuita
¿Qué es Referencia unidades CSS?
Referencia gratuita de unidades CSS como px, em, rem, %, vw, vh, vmin, vmax y ch por categoría, con explicaciones claras de cuándo y cómo usar cada unidad absoluta y relativa.
Cómo usar
- 1Buscar— Busque el elemento deseado por palabra clave.
- 2Categoría— Filtre por botones de categoría.
- 3Copiar— Copie el elemento deseado.
Herramientas relacionadas
Hoja de referencia de RegexHoja de referencia regex gratuita y buscable que organiza la sintaxis de expresiones regulares por categorías como metacaracteres, cuantificadores, anclas y grupos, con copia de patrones en un clic y compatibilidad con regex JavaScript.
Hoja de trucos GitChuleta de Git gratuita con comandos buscables por categoría, desde ramas y merge hasta rebase, stash y reset, cada uno con su uso y un nivel de peligro para evitar errores.
Preguntas frecuentes
Una herramienta gratuita en línea para explorar unidades CSS como px, em, rem, vh, vw por categoría.
No. Todo el procesamiento se realiza en su navegador.
Sí, puede copiar o descargar los resultados.
Sí, el diseño responsive funciona en dispositivos móviles.
Sí, es completamente gratuito.