A propriedade word-break do CSS

Definição e uso

A propriedade word-break define o método de quebra de linha automática.

Dica:Ao usar a propriedade word-break, é possível fazer o navegador quebrar a linha em qualquer posição.

Exemplo

Quebra de linha em pontos de quebra apropriados:

p.test {word-break:hyphenate;}

Experimente você mesmo

Sintaxe do CSS

word-break: normal|break-all|keep-all;

Valor da propriedade

Valor Descrição
normal Usa as regras de quebra de linha padrão do navegador.
break-all Permite quebra de linha dentro das palavras.
keep-all A quebra de linha só é permitida em espaços em branco em半gulhos ou hífen.

Detalhes técnicos

Valor padrão: normal
Herança: sim
Versão: CSS3
Sintaxe do JavaScript: object.style.wordBreak="keep-all"

Suporte do navegador

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

Chrome IE / Edge Firefox Safari Opera
4.0 5.5 15.0 3.1 15.0