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.
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
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 parapre{white-space:pre-wrap}
no IE 5.5-7. Vejawhite-space
para um exemplo.- IE8 introduziu
-ms-word-wrap
como sinônimo paraword-wrap
. Não use o prefixo-ms-
.
Veja também
- Microsoft's original documentation: MSDN Microsoft library word-wrap