hyphenate-character

Sets the character used when a word is broken at the end of a line. While usually a hyphen (-), you can change it to something else (like an arrow or a different symbol).

Quick example

p {
  /* Uses a specific character for hyphenation */
  hyphenate-character: '\2010';
}

Quick facts

Initial value
auto
Inherited
Yes
Applies to
all elements
Animation type
discrete

Values

auto

hyphenate-character Browser Support

Newly available Since 2023 92% global usage

Since 2023 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Works in all modern browsers. May need a fallback for older browsers.

106+
98+
17+
106+
ESC