Mozilla's getting a new look. What do you think? https://mzl.la/brandsurvey

word-wrap

This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for the proper prefixes to use in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the spec changes.

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
Animatablenão
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 Working Draft  

Compatibilidade entre navegadores

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,