This page is In Progress

Notice: The WebPlatform project has been discontinued when the Stewards partnership agreement ended in September 2015. This site has been frozen, and the assets we have created will remain.

columns

Summary

This property is a shorthand property for setting column-width and/or column-count.

Overview table

Initial value
See individual properties.
Applies to
Non-replaced block-level elements (except table elements), table cells, and inline-block elements.
Inherited
No
Media
visual
Computed value
See individual properties.
Animatable
No

CSS Object Model Property
:

Percentages
See individual properties.

Syntax

  • columns: column-count
  • columns: column-width

Values

column-width
Any of the values available to column-width property.
column-count
Any of the values available to column-count property.

Examples

/* Make 3 columns at auto width */
#columns {
  columns: auto 3;
}

View live example

Related specifications

CSS Multi-column Layout Module
W3C Candidate Recommendation

Attributions