What is CSS column-count property?

In CSSCascade Style Sheets, the column-count property specifies the number of columns when defining a multi-column layout.

Syntax

---

column-count: number|auto|initial|inherit;

---

Property values

• 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.

Code

The following is the basic HTMLHyperText Markup Language and CSS code to demonstrate the use of the column-count property:

Explanation

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.