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
60mm
cm
centímetro
1 cm = 10 mm
6cm
in
pulgada (inch)
1 in = 2.54 cm
0.1in
Los valores relativos son:
em
Unidad relativa que se basa en el tamaño del tipo de letra por defecto de la página.
1.8em
ex
Unidad relativa a la altura de la letra minúscula en el elemento seleccionado.
1.3ex
px
Un píxel es la parte más pequeña de una imagen. Depende de la resolución de pantalla.
220px
%
Porcentaje.
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 ...
Suscripción
acceso ilimitado a todos los libros de ENI sin compromiso de permanencia
libro impreso o digital online