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...
Si desea saber más, le proponemos el siguiente libro:
Versión impresa
Versión online
En ilimitado con la suscripción ENI
En la tienda oficial de ENI
Condiciones generales de usoCopyright - © Éditions ENI ||Política de protección de datos del grupo ENI