O'Reilly logo

CSS Pocket Reference, 4th Edition by Eric A. Meyer

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Name

columns

Values:

<'column-width'> || <'column-count'>

Initial value:

See individual properties

Applies to:

Nonreplaced block-level elements (except table elements), table cells, and inline-block elements

Inherited:

No

Computed value:

Same as declared value

Description:

A shorthand property used to define the number and width of the columns in an element laid out with multiple columns. Omitted values are set to the default values for the corresponding properties.

Examples:

body {columns: 3 23em;}
div {columns: 200px 5;}

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required