In column-count
property specifies the number of columns when defining a multi-column layout.
column-count: number|auto|initial|inherit;
number
: It specifies the number of columns in which we want to divide our data.
auto
: This is the default value. It determines the number of columns by using other properties like column-width
.
initial
: This sets the value to its default value.
inherit
: This is used to inherit property from its parent value.
The following is the basic column-count
property:
Here in this example, we have divided the paragraph into two columns. We can also split the section into multiple columns depending upon the need.