CSS columns property

Property values

column-width

autoDefault

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

column-width: auto;

Try it { }

+ve length

100

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 the full width of 300px.

column-width: 100px;

Try it { }

column-count

autoDefault

In this case, the number of columns depend upon the column-width.

column-count: auto;

Try it { }

+ve integer

4

integer value determines the number of columns in a block. 4 means four columns in a block.

column-count: 4;

Try it { }