Hyphenate character | Frontend Practical Guide

Overview

The hyphenate-character CSS property sets the character or string to use at the end of a line before a line break.

1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

CSS

.text {
  hyphens: auto;
  hyphenate-character: '-';
}
.japanese {
  hyphenate-character: '=';
}

CSS default (‐) demo.

CSS custom (=) demo.

CSS doublehyphen (--) demo.

Using Hyphenate character
The hyphenate-character CSS property sets the character or string to use at the end of a line before a line break.