Esta página foi traduzida do inglês pela comunidade.Saiba mais e junte-se à comunidade MDN Web Docs.
word-wrap
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since outubro de 2018.
Experimental:Esta é umatecnologia experimental
Verifique atabela de compatibilidade entre Navegadores cuidadosamente antes de usar essa funcionalidade em produção.
Resumo
A propriedadeCSSword-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 propriedadeword-wrap foi renomeada paraoverflow-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 | text elements |
| Inherited | yes |
| Computed value | as specified |
| Animation type | discrete |
Sintaxe
word-wrap: normal | break-word
Valores
normalIndica que as linhas só podem quebrar em pontos de quebra normais de palavras.
break-wordIndica 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
| Specification |
|---|
| CSS Text Module Level 3 # overflow-wrap-property |
Compatibilidade com navegadores
Veja também
- Microsoft's original documentation:MSDN Microsoft library word-wrap