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.