CSS - Espaçamento de linha definido

CSS - Espaçamento de linha definido
HTML e CSS são duas tecnologias principais para criar e projetar páginas da web. Os usuários podem adicionar dados em muitas formas, como linhas, parágrafos, tabelas e blocos. Para evitar a bagunça e lidar com os dados em uma sequência adequada, o CSS fornece a instalação para adicionar espaçamento de linha entre os diferentes elementos HTML para organizar dados.

Este post demonstra as instruções para definir o espaçamento de linha no CSS.

Como definir o espaçamento de linha em CSS?

Para definir o espaçamento da linha no CSS, adicionaremos dados em html. Para fazer isso, siga as instruções dadas:

  • Primeiro, adicione a tag de título “

    ”Para definir o título.

  • Em seguida, mencionaremos quatro exemplos diferentes para definir o espaçamento de linha com os nomes “Exemplo 1: 30px","Exemplo 2: 50px","Exemplo 3: 1cm", e "Exemplo 4: 2cm”.
  • Adicione um “”Contêiner em cada cabeçalho e atribui a classe a cada elemento div. Por exemplo, definimos o nome da classe como “Exemplo-A","Exemplo-B ”, ““Exemplo-C", e "Exemplo-D”, Respectivamente:

Como definir a propriedade espacial de linha em CSS


Exemplo 1: 30px


Esta é a linha com o espaço de linha especificado.>

O espaço da linha é definido como 30px.

Exemplo 2: 50px:


Esta é a linha com o espaço de linha de 50px especificado.>

O espaço da linha é definido como 50px.

Exemplo 3: 1cm:


Esta é a linha com o espaço de linha 1 cm especificado.>
O espaço da linha é definido como 1 cm.

Exemplo 4: 2cm:


Esta é a linha com o espaço de linha 2 cm especificado.>

O espaço da linha é definido como 2 cm.

A saída do código de menção acima é dada abaixo:

Defina o espaçamento da linha em CSS

No "”Tag, acesse as todas as classes uma a uma, como mostrado abaixo:

.Exemplo-A
altura de linha: 30px;

.Exemplo-B
altura da linha: 50px;

.Exemplo-C
altura de linha: 1cm;

.Exemplo-D
altura de linha: 2cm;

Acesse o elemento div por nome de classe, como “.Exemplo-A”E aplique a propriedade CSS“altura da linhat ”. Depois disso, defina o valor para essa propriedade de acordo com sua escolha. Aplique a mesma propriedade em todas as classes e o respectivo espaçamento de linha.

Pode -se observar que definimos com sucesso o espaçamento da linha em cada exemplo:

Aprendemos sobre as instruções para definir o espaço de linha no CSS.

Conclusão

Para definir o espaço da linha, primeiro, crie o múltiplo simples “div”Contêiner. Em seguida, especifique as classes para acessá -las. Depois disso, na seção CSS, acesse o recipiente "div" com suas respectivas classes e aplique o "altura da linhaPropriedade T ”CSS. Este blog demonstrou as instruções para definir o espaçamento da linha no CSS.