Atributo CSS hyphens

Definição e uso

A propriedade hyphens define se é permitido usar hífens em uma linha de texto para criar mais oportunidades de quebra automática de linha.

Exemplo

Defina diferentes hífens:

div.a {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
div.b {
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}
div.c {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

Experimente você mesmo

Sintaxe do CSS

hyphens: none|manual|auto|initial|inherit;

Valor do atributo

Valor Descrição
none Palavras sem hífen (sem quebra de linha).
manual Padrão. As palavras têm hífen apenas em ‐ ou ­ (se necessário).
auto Insira o hífen entre palavras no local determinado pelo algoritmo (se necessário).
initial Defina essa propriedade como seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: manual
Herança: sim
Produção de animação: Não suportado. Veja:Propriedades relacionadas a animação.
Versão: CSS3
Sintaxe do JavaScript: object.style.hyphens="none"

Suporte do navegador

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

Os números com -webkit- ou -ms- indicam a primeira versão com prefixo usada.

Chrome IE / Edge Firefox Safari Opera
55.0 79.0
10.0 -ms-		 43.0 5.1 -webkit- 44.0