Espaçamento entre letras, palavras e linhas


- Espaçamento entre letras (letter-spacing)

Esta propriedade permite alterar o espaçamento entre uma letra e outra de qualquer texto.

	
letter-spacing: Xpx;
Onde x é o número correspondente a distância do espaçamento entre as letras em pixels. O espaçamento padrão é 0 pixel. Se colocar um valor acima de 0 px, você irá acrescentar uma distância no espaçamento padrão. Se colocar um valor negativo de pixel, você irá reduzir o espaçamento.

Exemplo:

6 pixels de espaçamento


Também podemos também alterar o valor do espaçamento para menos, aproximando as letras uma das outras. Para isso, colocamos um valor negativo de pixels.

Exemplo:

-2 pixels de espaçamento



- Espaçamento entre palavras - (word-spacing)

Esta propriedade permite alterar o espaçamento entre as palavras de um texto.

	
word-spacing: Xpx;
Assim como na propriedade do CSS letter-spacing, x é o número correspondente a distância do espaçamento em pixels.

Exemplo:

10 px de espaçamento


Agora vamos aproximar as palavras:

-2 px de espaçamento



- Espaçamento entre linhas - (line-height)

Esta propriedade permite alterar o espaçamento entre as linhas de um texto.

	
line-height: Xpx;
Assim como nas outras propriedades, x é o número correspondente a distância entre as linhas em pixels.

Exemplo:

linha1 - 50px
linha2 - 50px


Diminuindo o espaçamento teremos:

linha1 - 8px
linha2 - 8px





Comentários

Copyright © 2018 Anderson Bravo
www.andersonbravo.com.br
anderson@andersonbravo.com.br