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 October 2018.
Experimental: Esta é uma tecnologia experimental
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 | text 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
| Specification |
|---|
| CSS Text Module Level 3 # overflow-wrap-property |
Compatibilidade com navegadores
BCD tables only load in the browser
Veja também
- Microsoft's original documentation: MSDN Microsoft library word-wrap