A propriedade CSS text-justify

Definição e uso

A propriedade text-justify especifica o modo de alinhamento do texto quando a configuração text-align é definida como "justify".

Esta propriedade define como alinhar e separar o texto das linhas de texto.

Exemplo

Mudar o espaçamento entre palavras para alinhar em linha:

div
{
text-align:justify;
text-justify:inter-word;
}

Experimente você mesmo

Sintaxe do CSS

text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;

Valor do atributo

Valor Descrição Teste
auto O navegador decide o algoritmo de alinhamento. Teste
none Desativa o alinhamento de linha. Teste
inter-word Aumenta/diminui o espaço entre palavras. Teste
inter-ideograph Alinha o conteúdo usando texto semântico. Teste
inter-cluster Ajusta apenas o conteúdo que não contém espaços internos de palavras (por exemplo, idiomas asiáticos). Teste
distribute Semelhante à disposição de páginas de jornais, exceto na família de idiomas do Leste Asiático, a última linha não é alinhada. Teste
kashida Alinhar o conteúdo esticando os caracteres. Teste

Detalhes técnicos

Valor padrão: auto
Herança: sim
Versão: CSS3
Sintaxe do JavaScript: object.style.textJustify="inter-word"

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
Suporte * 11.0 55.0 10.0.3 Suporte *

* Esta função está localizada nas preferências de "Ativar funções de plataforma Web experimentais" (deve ser configurada como "Ativado"). Para alterar as preferências no Chrome: insira "chrome://flags" no navegador Chrome. Para alterar as preferências no Opera: insira "flags" no navegador Opera.