CSS hyphenate-character

The hyphenate-character property controls the character shown when the browser automatically hyphenates a word. It works with hyphens: auto and appropriate language information.

Syntax

hyphenate-character: auto;
hyphenate-character: "-";
hyphenate-character: "\u2010";

Example

p {
  hyphens: auto;
  hyphenate-character: "-";
}

Result:

Internationalization makes long words easier to wrap in narrow layouts.

Important note

This property does not force arbitrary word breaking. For emergency wrapping, use properties such as overflow-wrap or word-break.