Esta é uma tecnologia experimental
Verifique a tabela de compatibilidade entre Navegadores cuidadosamente antes de usar essa funcionalidade em produção.

Resumo

A propriedade CSS word-wrap é utilizada para especificar se o navegador pode ou não quebrar linhas dentro das palavras, afim de prevenir o vazamento quando do contrário uma sequencia de caracteres é muito longa para caber na caixa que o contém.

Nota: Originalmente uma extensão proprietária da Microsoft (não prefixada), a propriedade word-wrap foi renomeada para overflow-wrap no rascunho atual do texto de especificações do CSS3. Compilações estáveis do Google Chrome e do Opera têm suporte a nova sintaxe.

Initial valuenormal
Aplica-se aall elements
Inheritedyes
Midiavisual
Computed valueas specified
Animation typediscrete
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Sintaxe

word-wrap:  normal | break-word

Valores

normal
Indica que as linhas só podem quebrar em pontos de quebra normais de palavras.
break-word
Indica que as palavras normalmente inquebráveis podem ser quebrados em pontos arbitrários se não houver pontos de quebra de outra forma aceitáveis na linha.

Exemplos

p { width: 13em; background: gold; }

FStrPrivFinÄndG (Gesetz zur Änderung des Fernstraßenbauprivatfinanzierungsgesetzes und straßenverkehrsrechtlicher Vorschriften)

p { width: 13em; background: gold; word-wrap: break-word; }

FStrPrivFinÄndG (Gesetz zur Änderung des Fernstraßenbauprivatfinanzierungsgesetzes und straßenverkehrsrechtlicher Vorschriften)

Especificações

Especificação Status Comentário
CSS Text Level 3 Rascunho atual  

Compatibilidade entre navegadores

Estamos convertendo nossos dados de compatibilidade para o formato JSON. Esta tabela de compatibilidade ainda usa o formato antigo, pois ainda não convertemos os dados que ela contém. Descubra como você pode ajudar!

Característica Firefox (Gecko) Chrome Internet Explorer Opera Safari
Suporte básico 3.5 (1.9.1) 1.0 5.5 10.5 1.0
Característica Firefox Mobile (Gecko) Android IE Mobile Opera Mobile Safari Mobile
Suporte básico 1.0 (1.9.1) 1.0 ? ? 1.0
  • word-wrap:break-word pode ser usado para contornar a ausência de suporte para pre{white-space:pre-wrap} no IE 5.5-7. Veja white-space para um exemplo.
  • IE8 introduziu -ms-word-wrap como sinônimo para word-wrap. Não use o prefixo -ms-.

Veja também

Etiquetas do documento e colaboradores

Colaboradores desta página: fscholz, teoli, marcoscoelho
Última atualização por: fscholz,