Índice

Gestionar el interlineado de los párrafos

Esta propiedad ofrece la posibilidad de modificar el interlineado.

line-height:

un número, o bien

un valor de longitud, o bien

un porcentaje, o bien

normal

Comentarios

  • Un número en line-height multiplica el interlineado por defecto de la fuente. Por ejemplo, el valor 2 sirve para obtener un interlineado doble.

  • Un valor de longitud. Esto determina el interlineado sin tener en cuenta el tipo de fuente. Por ejemplo, 18px.

  • Un porcentaje. El interlineado se determina en porcentaje respecto al interlineado normal de la fuente. De este modo, un interlineado doble se determina mediante un valor de 200%.

  • El valor asignado puede ser negativo. Esto disminuirá el interlineado normal y, probablemente, la legibilidad del texto.

  • El valor normal corresponde al interlineado por defecto.

Ejemplo

<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8">  
   <style type="text/css"> 
   .interlineado { line-height: 200%;} 
   </style> 
</head> 
<body> 
<p class="interlineado"> 
Lorem ipsum dolor sit amet, consectetuer adipiscing<br> 
elit. Sed non risus. Suspendisse lectus tortor, dignissim<br> 
sit amet, adipiscing nec, ultricies sed, dolor. Cras<br> 
elementum ultrices diam. Maecenas ligula massa,... 
</p> 
<p> 
Lorem ipsum dolor sit amet, consectetuer ...