CSS column-width property


CSS column-width property represents the width of a column within a block.


column-width : auto | length

Property values


In this case, the width of columns is determined by the number of columns.

column-width: auto;


length determines the width of a column in a block. The total width of the box is 300px.

100px represents the width of a column. Three columns are covering the full width of 300px.

column-width: 100px;

Applicable to

It applies to multi-column container.

#CSS digger
Was this article helpful?

column count represents the number of columns and distributes the content among those columns