CSS: Unidades

Hojas de estilo (CSS)

Ver También:

Unidades

Con las hojas de estilo se pueden usar valores numéricos para establecer propiedades de estilo de varias maneras:

De manera absoluta, es decir, en unidades que son independientes de la forma del resultado (por ejemplo, en centímetros).
De manera relativa, es decir, en unidades con respecto a un elemento.

Los valores de las hojas de estilo pueden darse en números enteros o en números reales (dígitos con una parte entera y una parte decimal).

En algunos casos, estos valores pueden ser negativos (precedidos por un signo menos "-"). Sin embargo, algunas propiedades tienen límites superiores e inferiores para los valores que pueden aceptar.

Unidades absolutas

Las unidades absolutas que ofrece el estándar CSS están resumidas en este cuadro:

Unidades relativas

Las unidades relativas que ofrece el estándar CSS están resumidas en este cuadro:

unidad	descripción
cm.	centímetros
"	pulgadas (1 pulgada = 2,54 cm)
mm	milímetros
pts	puntos
pc	picas (1 pica = 12 puntos)

unidad	descripción
em	Relativa al tamaño de la fuente del elemento indicado. La única excepción a esta regla: cuando la propiedad font-size está definida, es relativa al tamaño de fuente del elemento principal.
ex	Relativo a la altura de las letras minúsculas del elemento indicado. La única excepción a esta regla: cuando la propiedad font-size está definida, es relativa a la altura de las letras minúsculas del elemento principal.
px	El píxel. Esta unidad puede mostrarse diferente según la resolución de pantalla del monitor del usuario.
%	El porcentaje es una unidad relativa al tamaño del elemento indicado o de su elemento principal.