A propriedade CSS word-wrap

Definição e uso

A propriedade word-wrap permite que palavras longas ou endereços de URL sejam quebrados para a próxima linha.

Veja também:

Tutorial de CSS:Efeitos de texto CSS

Exemplo

Permite que palavras longas sejam quebradas para a próxima linha:

p.test {word-wrap:break-word;}

Experimente você mesmo

Sintaxe do CSS

word-wrap: normal|break-word;

Valor do atributo

Valor Descrição
normal Apenas quebra de linha em pontos de quebra permitidos (o navegador mantém o tratamento padrão).
break-word Faz a quebra de linha dentro de palavras longas ou endereços de URL.

Detalhes técnicos

Valor padrão: normal
Herança: sim
Versão: CSS3
Sintaxe do JavaScript: object.style.wordWrap="break-word"

Suporte do navegador

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

Chrome IE / Edge Firefox Safari Opera
4.0 5.5 3.5 3.1 10.5