Propriedade letter-spacing
Última atualização: 2026-09-13
letter-spacing Propriedade letter-spacing
A propriedade letter-spacing do CSS define o espaçamento entre caracteres no texto. Valores positivos aumentam a lacuna e valores negativos a reduzem. É frequentemente usada em títulos ou para melhorar a legibilidade de texto em inglês em maiúsculas.
| Categoria | |
|---|---|
| Valor Inicial | normal |
| Herdado | Sim |
| Aplica-se A | |
| Tipo de Animação | |
| Versão CSS | CSS1 |
| Status | Padrão |
📝 Sintaxe
letter-spacing: normal | <length>;⚙️ Valores
| Valor | Tipo | Descrição |
|---|---|---|
normal | Palavra-chave | Espaçamento de letras padrão |
<length> | Tipo | Um valor fixo de letter-spacing |
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo no playground:
🌐 Suporte dos Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| letter-spacing | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os principais navegadores | |||||
Dica： Para texto em inglês todo em maiúsculas, adicionar 0.05em–0.1em de letter-spacing melhora visivelmente a legibilidade.
❓ Perguntas Frequentes
QA propriedade letter-spacing funciona corretamente com texto chinês?
ASim. Adicionar 0.5px a 1px entre os hanzi deixa o texto corporal mais arejado e os títulos mais elaborados, mas mais de 2px quebra o ritmo de leitura. O letter-spacing se aplica uniformemente a todos os caracteres, sejam chineses ou ingleses.
QA propriedade letter-spacing afeta o alinhamento do texto justificado?
ASim. O espaçamento ocupa largura extra após cada caractere, e com text-align: justify o espaço restante é distribuído via espaçamento, então as lacunas podem parecer irregulares. Para o inglês em maiúsculas, um aumento modesto na verdade melhora a legibilidade.
QA propriedade letter-spacing pode aceitar valores negativos em uma regra CSS?
ASim. Valores negativos aproximam os caracteres — por exemplo, -0.05em aperta o texto de títulos grandes; mas um valor muito pequeno sobrepõe os glifos e prejudica a legibilidade. Em layouts responsivos, prefira em, que escala com o tamanho da fonte.
🏷️ Propriedades Relacionadas
💡 Casos relacionados
📚 Tutoriais Relacionados
