Espaço entre caracteres.
- Com letter-spacing você define o espaço entre os caracteres. O valor padrão é normal.
Não há necessidade de mencioná-lo, se você não quiser alterar esta distância. Neste exemplo, eu
defini a cor cinza ( #C0C0C0 ) para o fundo ( background-color ) da página,
a fonte ( font-family ) Arial e, na sua ausência, qualquer outra da mesma
família ( sans-serif ), a cor preta ( #000000 ) para a fonte ( color )
e dez pontos para o tamanho das letras ( font-size ).
- Não mencionei o atributo letter-spacing, mantendo o padrão. Veja como ficou o
texto.
Quero aumentar o espaço entre as letras.
- OK. A sintaxe é:
tag { letter-spacing: valor }.
- Você pode alterar este espaço individualmente, selecionando uma determinada tag ou alterar todos os
elementos da página.
- Definindo esta distância no elemento <body>,todos os outros elementos herdarão
este atributo.
- No exemplo abaixo, eu defini letter-spacing:0.1em e ...
Quero definir o atributo letter-spacing individualmente.
- OK. Neste caso, você não irá utilizar a tag <body>. Vamos criar um exemplo com
o elemento <H1>.
- Observe: não mencionei o atributo letter-spacing para <body> e será assumido o valor
padrão, que é o utilizado neste texto, que você lê.
- Para o elemento <H1>, eu defini o atributo com o valor de 1em.
- Veja como ficou a
página.
- Observe como ficaram os títulos Abrindo o Word e A tela do Word. Compare o espaço
entre as letras com o restante do documento.
Parcerias RicardoHorta.Net
RicardoHorta.Net
Parcerias RicardoHorta.Net
www.ricardohorta.net - Direitos adquiridos - Autor: Ricardo Horta do Nascimento - 01/02/2001
