hyphens
Controls whether the browser is allowed to automatically break words with hyphens to prevent large gaps in text alignment.
Quick example
.justified-text {
/* Automatically hyphens words to make edges look smoother */
hyphens: auto;
text-align: justify;
}Quick facts
Initial value
manualInherited
Yes
Applies to
all elements
Animation type
discrete
Values
nonemanualauto hyphens Browser Support
Newly available Since 2023 94% 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.
55+
43+
17+
79+