CSS Columns

CSS Columns is a module of CSS that defines a multi-column layout, allowing to express how content should flow between columns and how gaps and rules are handled.

Reference

CSS Properties

• break-after
• break-before
• break-inside
• column-count
• column-fill
• column-gap
• column-rule
• column-rule-color
• column-rule-style
• column-rule-width
• column-span
• column-width
• columns

Guides

Using CSS multi-column layouts

Step-by-step tutorial about how to build layouts using several columns.

Specifications

Specification	Status	Comment
CSS Multi-column Layout Module	Candidate Recommendation	Initial definition

Browser compatibility

• Desktop
• Mobile

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Basic support	(Yes) -webkit	9 (9)-moz	10	11.1 15-webkit	3.0 (522)-webkit

Feature	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	2.1-webkit	22.0 (22)-moz	10	11.5 32-webkit	3.2-webkit