word-wrap
Experimental: Esta é uma tecnologia experimental (en-US)
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 value | normal |
|---|---|
| Aplica-se a | non-replaced inline elements |
| Inherited | yes |
| Computed value | as specified |
| Animation type | discrete |
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 | Candidata a Recomendação |
Compatibilidade com 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! (en-US)
| 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