CSS hyphenate-character attribute

Definition and Usage

hyphenate-character The property is used to define the character used for hyphenation at the hyphenation point before the line break.

Example

Setting hyphenate-character:

<style>
div.a {
  hyphenate-character: auto;
}
div.b {
  hyphenate-character: "=";
}
</style>
<body>
<div class="a">A veryveryvery long word.</div>
<div class="b">A veryveryvery long word.</div>
</body>

Try It Yourself

CSS Syntax

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

Property Value

Value Description
auto Default Value. Browsers choose the appropriate character according to the current typesetting conventions.
string Specifies the character used for hyphenation at the hyphenation point before the line break.
initial Sets this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.

Technical Details

Default Value: auto
Inheritance: yes
Animation Creation: Not supported. See:Animation-related Properties.
Version: CSS4
JavaScript Syntax: object.style.hyphenateCharacter="/"

Browser Support

The numbers in the table indicate the browser version that fully supports this attribute first.

Chrome Edge Firefox Safari Opera
106.0 106.0 98.0 17.0 92.0