white-space-collapse
A modern property that gives you fine-grained control over how the browser 'collapses' multiple spaces into one. It is essentially the first part of the classic 'white-space' property, now split out for better control.
Quick example
.chat-message {
/* Preserves original line breaks but still collapses multiple spaces */
white-space-collapse: preserve-breaks;
}Quick facts
Initial value
collapseInherited
Yes
Applies to
all elements
Animation type
discrete
Values
collapsepreservepreserve-breakspreserve-spacesbreak-spaces white-space-collapse 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+
124+
17.4+
114+