text-wrap
The shorthand property for 'text-wrap-mode' and 'text-wrap-style'. It provides a powerful way to control both if text wraps and how the wrapping algorithm behaves.
Quick example
h1 {
/* Short for nowrap and balanced styles */
text-wrap: balance;
}Quick facts
Initial value
wrapInherited
Yes
Applies to
text and block containers
Values
text-wrap-modetext-wrap-style text-wrap Browser Support
Newly available Since 2024 87% global usage
Since 2024 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.
114+
121+
17.4+
114+