El valor de line-height sin unidades en CSS
El valor de la propiedad line-height no
tiene por qué ser un número con alguna
unidad. También se puede escribir simplemente un número
o una fracción. En este caso, el valor real de
line-height se podrá encontrar multiplicando
este número por el valor de font-size.
Por ejemplo, si font-size es 10px,
y line-height es 1.5. En este
caso, el valor real de line-height
será 10px * 1.5 = 15px5px: 15px - 10px
= 5px
La ventaja de esta forma de establecer line-height
es que al cambiar el tamaño de la fuente, automáticamente
cambiará también el interlineado.
Veamos la aplicación de lo descrito en un ejemplo:
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 1.5;
text-align: justify;
width: 400px;
}
:
Supongamos que el tamaño de fuente para los párrafos es 30px.
Establezca la propiedad line-height de manera
que el espacio blanco visible entre párrafos
sea igual a 15px. Utilice para ello
el valor de line-height sin unidades.
