Search within TutorialsPark

CSS3 columns Property


A shorthand to set the column-span and column-width in a multicolumn layout


Definition and Notes.

1. The CSS columns is a shorthand property to define the number and width of the columns in an element laid out with multiple columns

2. If some values are omitted their values are set to default

Syntax:

CSS columns property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note-The values can be in either order, their meaning remains the same

Property Values

Value Description
column-width To set the width of the columns.
column-count The set the number of columns.

Specifications

Specs Value
Name columns
Value <column-width> || <column-count>
Initial Value see Individual Properties(auto, auto)
Applies to non replaced block level elements, table cells, and inline block elements
Javascript syntax object.style.columns="120px 4"
Inherited No
Computed Value See Individual Properties.
Browser Support internetexplorer safari firefox opera chrome

Related Examples.