O significado de line-height sem unidades em CSS
O valor da propriedade line-height não
precisa necessariamente ser um número em alguma
unidade. Também é possível escrever apenas um número
ou uma fração. Neste caso, o valor real de
line-height pode ser encontrado multiplicando-o
pelo valor de font-size.
Por exemplo, se font-size for 10px,
e line-height for 1.5. Neste
caso, o valor real de line-height
será 10px * 1.5 = 15px5px: 15px - 10px
= 5px
A vantagem de definir line-height
desta forma é que, quando o tamanho da fonte muda, o
espaçamento entre linhas também muda automaticamente.
Vamos ver a aplicação do descrito em um exemplo:
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 1.5;
text-align: justify;
width: 400px;
}
:
Suponha que o tamanho da fonte para os parágrafos seja 30px.
Defina a propriedade line-height de forma
que o espaço branco visível entre os parágrafos
seja 15px. Use para isso
um valor de line-height sem unidades.
