CSS Properties

Column Fill Properties

This property is used to specify how to fill columns, balanced or not. We can set this property to balance (default) and auto. Ex: -

Example:

div {
column-fill: auto;
}

Column Gap Properties

This property is used to specify the gap between the columns. We can set this property to normal (default) and length.

Example:

div {
column-gap: 30px;
}

ColumnSpan Properties

This property is used to specify how many columns an element should span across. We can set this property to none (default) and all.

Example:

div {
column-span: all;
}
Cristle Academy

Compiler