Propriedade line-height
A propriedade line-height é utilizada para controlar o espaço vertical entre as linhas de texto.
Valor da propriedade line-height
-
normal: Define a altura de linha com base nas configurações padrão do navegador. Pode variar entre navegadores. -
<number>: Um número puro que será multiplicado pelo tamanho da fonte do elemento. Isso define a altura de linha como uma proporção do tamanho da fonte. -
<length>: Um valor numérico que representa a altura de linha em unidades absolutas, como pixels ou ems.
Exemplos
Altura de linha padrão
.p-padrao {
line-height: normal; /* Altura de linha padrão, baseada nas configurações do navegador */
}
.paragrafo {
line-height: 1.5; /* Altura de linha é 1.5 vezes o tamanho da fonte */
}Altura de linha com unidades de medidas
.texto-espacado {
line-height: 24px; /* Altura de linha fixa em 24 pixels */
}
.paragrafo-alto {
line-height: 1.8em; /* Altura de linha é 1.8 vezes o tamanho da fonte em relação à unidade em */
}Altura de linha relativa à tela
.paragrafo-vh {
line-height: 1.2; /* Altura de linha é 1.2 vezes o tamanho da fonte, relativo à altura da tela */
}