Entrelinhas e espaçamento de letra com CSS
Recursos com processos fáceis que estão sendo muito usados no web design são os espaçamentos entre letras e o espaçamento entre linhas (entrelinhas).
Dando espaço às linhas
Usamos a propriedade line-height seguida do valor para determinar as entrelinhas; seja o valor positivo (espaço maior) ou negativo (espaço menor).
Lembrando que o navegador aplica 100% de espaçamento entre as linhas.
- Espaço maior entre linhas
Segue o código:
p {line-height:8px;}
Neste código estamos determinando por CSS que no meu documento, meu texto dentro da sintaxe P deverá ter 8 pixels de espaçamento entre suas linhas.
- Espaço menor entre linhas
Segue o código:
p {line-height:2px;}
Neste código estamos determinando por CSS que no meu documento, meu texto dentro da sintaxe P deverá ter 2 pixels negativos de espaçamento entre suas linhas.
Importante lembrar que o valor padrão é 100% (aplicado pelos browsers) de espaçamento, sendo uma dica válida ao querer duas vezes o tamanho padrão a utilização de 200% e à metade, 50%.
Importante lembrar que o valor padrão é 100% (aplicado pelos browsers) de espaçamento, sendo uma dica válida ao querer duas vezes o tamanho padrão a utilização de 200% e à metade, 50%.
Dando espaço às letras
Para trabalharmos com o espaçamento entre letras usamos a propriedade letter-spacing seguida do valor, seja ele positivo (espaço maior) ou negativo (espaço menor).
- Espaço maior entre letras
Segue o código:
h1 {letter-spacing:10px;}
Neste código estamos determinando por CSS que no meu documento, meu título H1 deverá ter 10 pixels de espaçamento entre as letras.
- Espaço menor entre letrasSegue o código:
h1 {letter-spacing:-5px;}
Neste código estamos determinando por CSS que no meu documento, meu título H1 deverá ter 5 pixels negativos de espaçamento entre as letras.
Lembrando que você pode definir todas essas medidas em px, %, em, cm, in, entre outros que definem comprimentos no CSS, podendo ser até simplesmente números.
Lembrando que você pode definir todas essas medidas em px, %, em, cm, in, entre outros que definem comprimentos no CSS, podendo ser até simplesmente números.
0 Response to "Entrelinhas e espaçamento de letra com CSS"
Postar um comentário