Proprietários de pequenas empresas com fundo impresso devem estar familiarizados com o termo principal, que se refere ao espaçamento entre as linhas do texto. Ao criar uma página HTML, o equivalente a entrelinha é a propriedade CSS “line-height”, usada para definir a quantidade de espaço entre cada linha. A altura da linha pode ser definida como uma altura fixa, 12 pixels por exemplo, ou como uma porcentagem do tamanho da fonte, como 120 por cento. Definir o valor como “normal” redefine o espaçamento de linha de volta ao valor padrão.

1

Abra um aplicativo de design da Web ou editor de texto e crie uma nova página HTML ou abra uma existente.

2

Adicione o seguinte código ao corpo da página da Web:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Almofada de sofá de molho mouro. Suspendisse eros nulla, sodales ut tincidunt sit amet, consectetuer adipiscing id dui. Desempenho quiver até o imobiliário. Quando puxa o raio das montanhas do Super Bowl instantaneamente.

3

Adicione a seguinte folha de estilo CSS à seção da página:

#exampleText {width: 400px; tamanho da fonte: 14px; }

Esta regra CSS se aplica ao div com o id “exampleText”, definindo a largura em 400 pixels e o tamanho da fonte em 14 pixels, exibindo o parágrafo do texto em várias linhas. Salve a página e abra em um navegador da Web para ver o resultado.

4

Adicione a seguinte nova regra CSS à folha de estilo na da página:

exampleText p {

altura da linha: 200%;

}

Esta regra mudará o espaçamento entre linhas do parágrafo para 200% do tamanho da fonte, neste caso 28 pixels. Se o tamanho da fonte mudar, o espaçamento entre linhas mudará automaticamente de forma proporcional. Salve a página e recarregue em seu navegador da Web para ver o efeito da propriedade de espaçamento de linha.

5

Altere a configuração da altura da linha para 20 pixels, da seguinte maneira:

exampleText p {

altura da linha: 20px;

}

Isso define um espaçamento constante de 20 pixels entre as linhas de texto, independente do tamanho da fonte do texto. Salve a página e atualize em seu navegador para ver o novo espaçamento de linha.