Índice

Unidades de medida

Las hojas de estilo CSS permiten utilizar numerosas unidades de medida: pulgadas (inches), centímetros, milímetros, puntos, picas, píxeles o porcentaje.

También se distingue entre valores relativos, que pueden variar según el ordenador utilizado, y valores absolutos, que permanecen constantes sea cual sea el dispositivo o el software utilizado.

Los valores absolutos son:

Unidad

Nombre

Descripción

Valor

Ejemplo

pt

punto

72 pt = 1 inch

entero

48pt

pc

pica

1 pc = 12 pt

real

4.5pc

mm

milímetro

1 mm = .24 pc

entero

60mm

cm

centímetro

1 cm = 10 mm

entero

6cm

in

pulgada (inch)

1 in = 2.54 cm

real

0.1in

Los valores relativos son:

Unidad

Descripción

Valor

Ejemplo

em

Unidad relativa que se basa en el tamaño del tipo de letra por defecto de la página.

real

1.8em

ex

Unidad relativa a la altura de la letra minúscula en el elemento seleccionado.

real

1.3ex

px

Un píxel es la parte más pequeña de una imagen. Depende de la resolución de pantalla. 

entero

220px

%

Porcentaje.

entero

80%

Los valores y las unidades que pueden utilizarse forman parte del módulo CSS Values and Units Module Level 3. Este módulo está en estado Candidate Recommendation a 11 de junio de 2015. He aquí la URL: http://www.w3.org/TR/css3-values/

Comentarios

  • Las unidades de medida siempre se abrevian mediante dos caracteres.

  • No puede dejarse un espacio entre el valor y la unidad. Si se deja algún espacio entre el valor y la unidad, la hoja de estilo ...