CSS hyphenate-character Property
Example
Set hyphenate-character:
<style>
div.a {
hyphenate-character: auto;
}
div.b {
hyphenate-character: "=";
}
</style>
<body>
<div class="a">A veryvery­very long word.</div>
<div class="b">A
veryvery­very long word.</div>
</body>
Try it Yourself »
Definition and Usage
The hyphenate-character
property defines the
character used at the end of line, before a
hyphenation break.
Default value: | auto |
---|---|
Inherited: | yes |
Animatable: | no. Read about animatable |
Version: | CSS4 |
JavaScript syntax: | object.style.hyphenateCharacter="/" |
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
Property | |||||
---|---|---|---|---|---|
hyphenate-character | 106.0 | 106.0 | 98.0 | 17.0 | 92.0 |
CSS Syntax
hyphenate-character: auto|string|initial|inherit;
Property Values
Value | Description | Demo |
---|---|---|
auto | Default. The browser selects an appropriate character based on the current typographic conventions | Demo ❯ |
string | The character used at the end of line, before a hyphenation break | Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |