The column-width CSS property sets the ideal column width in a multi-column layout. The container will have as many columns as can fit without any of them having a width less than the column-width value. If the width of the container is narrower than the specified value, the single column's width will be smaller than the declared column width.

Initial value auto
Applies to Block containers except table wrapper boxes


column-width: 1em;


Indicates the optimal column width. The actual column width may differ from the specified value: it may be wider when necessary to fill available space, and narrower when the available space is too small. The value must be strictly positive or the declaration is invalid. Percentage values are also invalid.
The width of the column is determined by other CSS properties, such as column-count.

Browser support


We use cookies to improve your experience. Learn more in our Privacy policy.