columns
A shorthand property that allows you to easily create multi-column text layouts, similar to a newspaper or magazine.
Quick example
.multi-column-text {
columns: 3 200px;
/* sets up to 3 columns, each at least 200px wide */
column-gap: 2rem;
}Quick facts
Initial value
See individual propertiesInherited
No
Applies to
block containers except table wrappers
Values
column-widthcolumn-countcolumn-height columns Browser Support
Widely available Since 2017 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2017.
Safe to use without fallbacks.
50+
52+
9+
12+