Espaçamento de texto e espaçamento de palavras no CSS | Explicado

O texto é uma das partes essenciais de qualquer página da web. Ele mostra o significado do texto e, portanto, o CSS fornece uma ampla gama de propriedades de texto para aprimorar a aparência textual de qualquer site de acordo com nossa escolha e.g. Alinhamento de texto, cor de texto, espaçamento com palavras, etc.

No HTML/CSS, se tivermos que adicionar alguns espaços extras entre as palavras ou linhas, as propriedades do CSS nos permitem controlar o espaçamento entre as linhas, as palavras e até as letras. Esta redação se concentrará nas propriedades de espaçamento e espaço para letras e, depois de ler esta redação, você poderá responder aos seguintes termos:

• O que é espaçamento de palavras?
• Como usar a propriedade de espaçamento de palavras no CSS?
• O que é espaçamento de cartas?
• Como usar a propriedade de espaçamento de cartas no CSS?
• Qual é a diferença entre as propriedades de espaçamento com letras e palavras?

Este artigo fornece um entendimento completo das perguntas acima mencionadas com a ajuda de alguns exemplos. Então, sem um atraso adicional, vamos começar a discussão com a definição formal de espaçamento de palavras.

Espactação de palavras no CSS

Como o próprio nome sugere, essa propriedade é capaz de lidar com o espaçamento entre as palavras. Podemos atribuir um específico “comprimento”Para esta propriedade para ajustar o espaçamento entre as palavras eu.e. Podemos aumentar ou diminuir o espaço entre palavras diferentes.

Como usar a propriedade de espaçamento de palavras no CSS

Vamos entender esse conceito praticamente com o exemplo abaixo:

Exemplo

Neste código, criamos um parágrafo e adicionamos algum espaço extra entre as palavras:

Este é um parágrafo…

A seguir será a saída para a peça de código acima:

O que observamos no código acima é que é um parágrafo normal sem espaços extras; portanto, precisamos de uma maneira adequada de colocar espaço entre as palavras.

Exemplo

Podemos adicionar alguns espaços extras usando a propriedade CSS em espaçamento de palavras:

Este é um parágrafo…

Agora a saída verificará o espaço entre cada palavra é 0.5 cm:

O espaço pode ser adicionado entre as palavras em várias unidades como PX, CM, MM, etc.

espaçamento de cartas no CSS

Esta propriedade é semelhante à propriedade de espaçamento de palavras.e. controla o espaço entre as letras.

Como usar a propriedade de espaçamento de cartas no CSS

Vamos entender o funcionamento desta propriedade usando um exemplo. Para diferenciar entre o funcionamento do espaçamento das palavras e o espaçamento de cartas, criaremos um parágrafo e um título.

Exemplo

O código fornecido abaixo implementará o espaçamento das palavras no

elemento e espaçamento de cartas no

elemento:

Espaçamento de texto

Este é um parágrafo…

A seguir, será a saída para o código acima do GIVE:

A saída acima verifica que a propriedade de espaçamento de letra adicionou o espaço entre as letras e a propriedade de espaçamento de palavras adicionou o espaço entre as palavras.

Conclusão

A propriedade de espaçamento de palavras e as propriedades de espaçamento de cartas podem ser usadas no CSS para controlar o espaçamento entre as palavras e as letras, respectivamente. Diferentes valores de comprimento CSS, como px, mm, cm, podem ser usados ​​para ajustar o espaço entre as letras e as palavras. Este artigo apresenta uma diretriz completa para o espaçamento de palavras, propriedades de espaçamento de cartas no CSS e explica a necessidade e o uso dessas propriedades.