A propriedade CSS overflow-wrap

Definição e uso

overflow-wrap O atributo especifica se o navegador pode quebrar a linha das palavras longas ao saírem do contêiner.

Exemplo

Permite que o navegador quebre a linha das palavras longas ao saírem do contêiner:

div {
  overflow-wrap: break-word;
}

Experimente você mesmo

Sintaxe do CSS

overflow-wrap: normal|anywhere|break-word|initial|inherit;

Valor do atributo

Valor Descrição
normal Palavras longas não quebram a linha, mesmo que saiam do contêiner. Valor padrão.
anywhere Se a palavra longa sair do contêiner, faça a quebra de linha.
break-word Se a palavra longa sair do contêiner, faça a quebra de linha.
initial Configure essa propriedade para seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: normal
Herança: Sim
Produção de animação: Não suportado. Veja:Atributos relacionados a animação.
Versão: CSS3
Sintaxe do JavaScript: object.style.overflowWrap="normal"

Suporte do navegador

Os números na tabela representam a versão do navegador que suporta completamente essa propriedade.

Chrome Edge Firefox Safari Opera
23.0 18.0 49.0 6.1 12.1

Páginas relacionadas

Tutorial:CSS Overflows