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

Widely availableSince 202392% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2023.

Safe to use without fallbacks.

106+
98+
17+
106+
ESC