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).

It is documented as part of the CSS Text specification.

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

/* Syntax */
hyphenate-character: auto;

/* Global values */
hyphenate-character: inherit;
hyphenate-character: initial;
hyphenate-character: revert;
hyphenate-character: revert-layer;
hyphenate-character: unset;
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.

106+
98+
17+
106+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC