CSS Properties

This property is used to define columns.

• column-count
• column-width
• columns

column-count

This property is used to specify the number of columns an element should be divided into. We can set this property to number or auto (default).

Example:

div {
column-count: 2;
}

column-width

This property is used to specify width for the columns. We can set this property to length or auto (default).

Example:

div {
column-count: 2;
column-width: 100px;
}

columns

This is shorthand which is used to set column-width and column-count.

Syntax:

Selector {
columns: column-width column-count;
}

Example:

div {
columns: 200px 2;
}