Propriedade text-justify
Última atualização: 2026-09-13
text-justify Propriedade text-justify
A propriedade text-justify do CSS especifica como o navegador ajusta o espaçamento quando text-align está definido como justify. Controla se a justificação é obtida ajustando o espaçamento entre palavras, entre caracteres ou uma combinação de ambos, e afeta principalmente os detalhes tipográficos quando o valor justify está em uso.
| Categoria | |
|---|---|
| Valor Inicial | auto |
| Herdado | Sim |
| Aplica-se A | |
| Tipo de Animação | |
| Versão CSS | CSS3 |
| Status | Padrão |
📝 Sintaxe
text-justify: auto | none | inter-word | inter-character;
⚙️ Valores
| Valor | Tipo | Descrição |
|---|---|---|
auto | none | inter-word | inter-character | Palavra-chave | Estratégias de justificação |
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo no playground:
🌐 Suporte dos Navegadores
| Navegador | |||||
|---|---|---|---|---|---|
| text-justify | ✓ v57 | ✓ v12 | ✓ v52 | ✓ v10.1 | ✓ v44 |
| Suportado em todos os principais navegadores | |||||
Dica: inter-character é adequado para idiomas sem palavras separadas por espaços, como chinês e japonês, alcançando bordas justificadas ajustando o espaçamento entre caracteres.
Aviso: O text-justify só tem efeito quando text-align é justify; em qualquer outro alinhamento a propriedade é ignorada.
❓ Perguntas Frequentes
QQual valor de text-justify deve ser usado para texto chinês no CSS?
AO chinês não tem espaços entre palavras, então o texto justificado deve usar text-justify: inter-character, permitindo que o navegador ajuste o espaçamento entre caracteres para alinhar ambas as bordas — o resultado é mais uniforme e natural. O inter-word destina-se principalmente a idiomas com espaços, como o inglês.
QComo o valor auto do text-justify escolhe uma estratégia de justificação?
ACom auto, o navegador decide sozinho qual estratégia usar, e a escolha pode variar entre navegadores. Se precisar de um resultado consistente, especifique explicitamente inter-word ou inter-character.
QPor que a propriedade text-justify não tem efeito quando eu a defino?
AO text-justify só se aplica quando text-align é justify, e o elemento precisa de várias linhas para que os ajustes de espaçamento apareçam. Além disso, inter-character é atualmente suportado apenas por alguns navegadores, sendo o Firefox o melhor para o chinês.