Atributo CSS hyphenate-character

Definição e uso

hyphenate-character A propriedade é usada para definir o caractere usado para quebra de palavras hyphenation antes do caractere de nova linha.

Exemplo

Configuração hyphenate-character:

<style>
div.a {
  hyphenate-character: auto;
}
div.b {
  hyphenate-character: "=";
}
</style>
<body>
<div class="a">Uma palavra muito muito muito longa.</div>
<div class="b">Uma palavra muito muito muito longa.</div>
</body>

Experimente você mesmo

Sintaxe do CSS

hyphenate-character: auto|string|initial|inherit;

Valor da propriedade

Valor Descrição
auto Valor padrão. O navegador escolhe o caractere apropriado com base nas convenções de layout atuais.
string Especifique o caractere usado para quebra de palavras hyphenation antes do caractere de nova linha.
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: auto
Herança: sim
Produção de animação: Não suportado. Veja:Propriedades relacionadas a animação.
Versão: CSS4
Sintaxe do JavaScript: object.style.hyphenateCharacter="/"

Suporte do navegador

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

Chrome Edge Firefox Safari Opera
106.0 106.0 98.0 17.0 92.0