CSS - altura de línea

Descripción

La propiedad line-height modifica la altura de los cuadros en línea que forman una línea de texto.

Valores posibles

  • normal - Indica al navegador que establezca la altura de las líneas en el elemento a una distancia "razonable".

  • number - La altura real de las líneas en el elemento es este valor multiplicado por el tamaño de fuente del elemento.

  • length - La altura de las líneas en el elemento es el valor dado.

  • percentage - La altura de las líneas en el elemento se calcula como un porcentaje del tamaño de fuente del elemento.

Se aplica a

Todos los elementos HTML.

Sintaxis DOM

object.style.lineHeight = "15px;"

Ejemplo

A continuación se muestra el ejemplo:

<html>
   <head>
   </head>

   <body>
      <p style = "line-height:180%">
         This text is having bigger line height. Line 1
         This text is having bigger line height. Line 2
      </p>
   </body>
</html>

Esto producirá el siguiente resultado: