Anchura de Líneas

Define la distancia entre las líneas base de dos líneas de texto. En resumen, esta propiedad permite aumentar o disminuir la distancia vertical entre dos líneas de texto. Esta distancia pude expresarse con medidas relativa (em, ex), valores absolutos (cm, in, px) o porcentajes directamente.

<html>
 <head>
 <title>Propiedades del texto</title>
 <style> 
p { width: 300px; } 
p.normal { line-height: 14pt; } 
p.grande { line-height: 150%; } 
p.xgrande { line-height: 200%; } 
</style> 
</head> 
<body> 
<p class="normal"> Texto con distintas medidas
entre líneas para ver su comportamiento en párrafos
de texto. </p> 
<p class="grande"> Texto con distintas medidas
entre líneas para ver su comportamiento en
párrafos de texto. </p>
<p class="xgrande"> Texto con distintas
medidas entre líneas para ver su 
comportamiento en párrafos de texto. </p>
</body>
</html>

Figura 8. Anchura de líneas

Anchura de líneas en CSS

Capítulo anterior:
Espacios en Blanco

Capítulo siguiente:
Alineación Vertical

Leave A Comment?