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.
It is documented as part of the CSS Box Sizing, CSS Multi-column Layout specification.
Syntax
/* Usage Example */
.grid-fallback {
/* Creates as many 250px columns as possible */
column-width: 250px;
}
/* Syntax */
column-width: auto;
column-width: length;
/* Global values */
column-width: inherit;
column-width: initial;
column-width: revert;
column-width: revert-layer;
column-width: unset;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.
50+
50+
9+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more