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

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Basic support	(Yes) -webkit	9 (9)-moz	10	11.10 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

Edit this page on MDN

© 2005–2017 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Columns