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.
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 value | normal |
|---|---|
| Aplica-se a | all elements |
| Inherited | yes |
| Midia | visual |
| Computed value | as specified |
| Animatable | não |
| Canonical order | the 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-wordpode ser usado para contornar a ausência de suporte parapre{white-space:pre-wrap}no IE 5.5-7. Vejawhite-spacepara um exemplo.- IE8 introduziu
-ms-word-wrapcomo sinônimo paraword-wrap. Não use o prefixo-ms-.
Veja também
- Microsoft's original documentation: MSDN Microsoft library word-wrap