码农教程 - 一技在手,衣食无忧! tools

目录

CSS hyphenate-character Property

❮ Previous Complete CSS Reference Next ❯

Example

Set hyphenate-character:

<style>
div.a {
  hyphenate-character: auto;
}

div.b {
  hyphenate-character: "=";
}
</style>

<body>
<div class="a">A veryvery&shy;very long word.</div>
<div class="b">A veryvery&shy;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.

Show demo ❯

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

❮ Previous Complete CSS Reference Next ❯