Example

A simple columns property example:

Laboratory

description & Usage

To create columns in CSS, we use the columns property.

Informations

# Description
Default Value auto auto
Inherited no
Animatable yes
Version CSS3
JavaScript syntax object.style.columns="100px 3"

Browser compatibility and Support

# Chrome Edge Firefox Safari Opera
columns

Syntax

Values

Values Description
auto Sets the number of columns by default.
column-width Selects the minimum number of columns.
column-count Selects the maximum number of columns.
initial Adds this value to its default property.
inherit It inherits this value from its parent tag.