A propriedade CSS word-wrap
- Página anterior word-spacing
- Próxima página writing-mode
Definição e uso
A propriedade word-wrap permite que palavras longas ou endereços de URL sejam quebrados para a próxima linha.
Veja também:
Tutorial de CSS:Efeitos de texto CSS
Exemplo
Permite que palavras longas sejam quebradas para a próxima linha:
p.test {word-wrap:break-word;}
Sintaxe do CSS
word-wrap: normal|break-word;
Valor do atributo
Valor | Descrição |
---|---|
normal | Apenas quebra de linha em pontos de quebra permitidos (o navegador mantém o tratamento padrão). |
break-word | Faz a quebra de linha dentro de palavras longas ou endereços de URL. |
Detalhes técnicos
Valor padrão: | normal |
---|---|
Herança: | sim |
Versão: | CSS3 |
Sintaxe do JavaScript: | object.style.wordWrap="break-word" |
Suporte do navegador
Os números na tabela indicam a primeira versão do navegador que suporta essa propriedade.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
4.0 | 5.5 | 3.5 | 3.1 | 10.5 |
- Página anterior word-spacing
- Próxima página writing-mode