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

• Mozilla Developer Network .

• Microsoft Developer Network: Windows Internet Explorer API reference Article