hyphens
Controls whether the browser is allowed to automatically break words with hyphens to prevent large gaps in text alignment.
It is documented as part of the CSS Text specification.
Syntax
/* Usage Example */
.justified-text {
/* Automatically hyphens words to make edges look smoother */
hyphens: auto;
text-align: justify;
}
/* Syntax */
hyphens: none;
hyphens: manual;
hyphens: auto;
/* Global values */
hyphens: inherit;
hyphens: initial;
hyphens: revert;
hyphens: revert-layer;
hyphens: unset;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.
55+
43+
17+
79+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more