CSS column-count Property


The column-count property in CSS is used to divide a portion of content inside any HTML element into a given number of columns.

The column-count property specifies the number of columns an element should be divided into.

CSS Syntax

column-count: number|auto|initial|inherit;
Property Values:
  • number: This value is used to indicate number of columns.
  • auto: It is the default value. Number of columns determined by other properties.
  • initial: This value is used to set the property to default value.
  • inherit: It inherits the property from its parent.

Example -