column-width
Sets the ideal width for columns in a multi-column layout. The browser will create as many columns of at least this width as it can fit in the container.
Quick example
.grid-fallback {
/* Creates as many 250px columns as possible */
column-width: 250px;
}Quick facts
Initial value
autoInherited
No
Applies to
block containers except table wrappers
Animation type
byComputedValueType
Values
autolength column-width 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+
50+
9+
12+