La propiedad Line-height especifica el espacio del salto de línea base de un texto. Los valores son relativos al tamaño de la fuente del elemento y no existen valores negativos.Si dicho valor es un número, la altura de la línea se calcula multiplicando el tamaño de la fuente del elemento por dicho número.
Valores de la propiedad
| Valor | Descripción |
|---|---|
| normal | Un salto de línea normal. Este es el que se encuentra por defecto. |
| number | Un número que puede ser multiplicado con el tamaño de fuente para establecer la altura de la línea. |
| length | Un salto de línea fixed en px, pt, cm, etc. |
| % | Una altura de línea en porcentaje con el tamaño de la fuente establecido. |
| inherit | Especifica que el valor de la propiedad del salto de línea se debe heredar del elemento padre. |
Ejemplo de su funcionamiento
Un ejemplo con porcentajes (cabe destacar que la mayoría de los navegadores el tamaño estándar de salto de línea con porcentajes oscila entre 110% y 120%:
p.small {line-height:90%}
p.standard { 110%;}
p.big {line-height:200%}
Un ejemplo con números:
p.standard {line-height: 0.5; }
Un ejemplo con píxeles:
p.standard {line-height: 10px; }
Publicado el 14 Ago, 2009
