Referencia unidades CSS

Referencia de unidades CSS px, em, rem, %, vw, vh, vmin, vmax y ch, ordenadas por categoría. Con explicaciones claras de cada unidad absoluta y relativa, gratis en tu navegador.

Unidad	Nombre	Tipo	Descripción	Ejemplo
px	Pixels	absolute	Un píxel en pantalla. La unidad más básica.	font-size: 16px;
em	Em	relative	Múltiplo del font-size del elemento padre.	padding: 1.5em;
rem	Root Em	relative	Múltiplo del font-size del elemento raíz (html).	margin: 2rem;
%	Percent	relative	Porcentaje relativo a la propiedad correspondiente del elemento padre.	width: 50%;
vw	Viewport Width	viewport	1 % del ancho del viewport.	width: 100vw;
vh	Viewport Height	viewport	1 % de la altura del viewport.	height: 100vh;
vmin	Viewport Min	viewport	1 % del menor entre vw y vh.	font-size: 5vmin;
vmax	Viewport Max	viewport	1 % del mayor entre vw y vh.	width: 50vmax;
dvh	Dynamic VH	viewport	Altura dinámica del viewport (tiene en cuenta la barra de direcciones móvil).	height: 100dvh;
svh	Small VH	viewport	Altura mínima del viewport.	min-height: 100svh;
lvh	Large VH	viewport	Altura máxima del viewport.	max-height: 100lvh;
ch	Character	relative	Basado en el ancho del carácter "0".	max-width: 60ch;
ex	X-Height	relative	Basado en la altura del carácter "x".	line-height: 2ex;
cm	Centimeters	absolute	Centímetros. Para impresión.	width: 10cm;
mm	Millimeters	absolute	Milímetros. Para impresión.	margin: 5mm;
in	Inches	absolute	Pulgadas (1in = 96px).	width: 2in;
pt	Points	absolute	Puntos (1pt = 1/72in).	font-size: 12pt;
cqi	Container Inline	container	1 % del tamaño en línea del contenedor.	font-size: 5cqi;
cqb	Container Block	container	1 % del tamaño de bloque del contenedor.	padding: 2cqb;

19개 표시 중

Insertar

<iframe src="https://devtools.patrache.studio/es/references/css-units/?embed=1" width="100%" height="620"
  style="border:1px solid #e5e7eb;border-radius:12px" loading="lazy"
  title="Referencia unidades CSS — Patrache Studio DevTools"></iframe>
<p><a href="https://devtools.patrache.studio/es/references/css-units/">Referencia unidades CSS</a> by
   <a href="https://patrache.studio/">Patrache Studio</a></p>

Última actualización: 2026 · Herramienta en línea gratuita

¿Qué es Referencia unidades CSS?

Referencia de unidades CSS px, em, rem, %, vw, vh, vmin, vmax y ch, ordenadas por categoría. Con explicaciones claras de cada unidad absoluta y relativa, gratis en tu navegador.

Cómo usar

1
Buscar— Busque el elemento deseado por palabra clave.
2
Categoría— Filtre por botones de categoría.
3
Copiar— Copie el elemento deseado.

Herramientas relacionadas

Convertidor PX a REMConversor de PX a REM que traduce píxeles y rem en ambos sentidos según un tamaño de fuente raíz configurable, con decimales. Incluye tabla de referencia y fragmento CSS copiables, gratis.

Verificador de compatibilidad de navegadorCompatibilidad de navegadores para cualquier función CSS, JavaScript, HTML o Web API: qué versiones de Chrome, Firefox, Safari y Edge la admiten. Gratis e instantáneo en tu navegador.

Generador de degradado CSSGenerador visual de degradados CSS lineales, radiales y cónicos: añade paradas de color, ajusta el ángulo y copia el CSS. Perfecto para fondos y botones, gratis en tu navegador.

Generador CSS box-shadowGenerador de box-shadow CSS con controles de desplazamiento, desenfoque, extensión, color e inset y vista previa en vivo. Copia el CSS listo para usar, gratis en tu navegador.

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.