This page is In Progress

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

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