This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

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

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

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,