Widely Available
Multi-column
Multi-column layout
Multi-column layout flows an element's content across one or more columns in a single row, without affecting the
display property of its children.
Baseline Status:
Achieved Widely Available on Sep 7, 2019 (Cross-browser Newly Available since Mar 7, 2017).
Desktop Browser Engine Support
Google Chrome
50
Supported
Mozilla Firefox
52
Supported
Apple Safari
9
Supported
Microsoft Edge
12
Supported
Mobile Browser Engine Support
Chrome Android
50
Firefox Android
52
Safari iOS
9
Specifications and References
MDN Browser Compat Data Keys:
css.properties.align-content.context_multicol ↗
css.properties.column-count ↗
css.properties.column-count.auto ↗
css.properties.column-gap ↗
css.properties.column-gap.multicol_context ↗
css.properties.column-gap.multicol_context.calc_values ↗
css.properties.column-gap.multicol_context.percentage_values ↗
css.properties.column-gap.normal ↗
css.properties.column-rule ↗
css.properties.column-rule-color ↗
css.properties.column-rule-color.currentColor ↗
css.properties.column-rule-color.transparent ↗
css.properties.column-rule-style ↗
css.properties.column-rule-style.dashed ↗
css.properties.column-rule-style.dotted ↗
css.properties.column-rule-style.double ↗
css.properties.column-rule-style.groove ↗
css.properties.column-rule-style.hidden ↗
css.properties.column-rule-style.inset ↗
css.properties.column-rule-style.none ↗
css.properties.column-rule-style.outset ↗
css.properties.column-rule-style.ridge ↗
css.properties.column-rule-style.solid ↗
css.properties.column-rule-width ↗
css.properties.column-rule-width.medium ↗
css.properties.column-rule-width.thick ↗
css.properties.column-rule-width.thin ↗
css.properties.column-rule.currentColor ↗
css.properties.column-rule.dashed ↗
css.properties.column-rule.dotted ↗
css.properties.column-rule.double ↗
css.properties.column-rule.groove ↗
css.properties.column-rule.hidden ↗
css.properties.column-rule.inset ↗
css.properties.column-rule.medium ↗
css.properties.column-rule.none ↗
css.properties.column-rule.outset ↗
css.properties.column-rule.ridge ↗
css.properties.column-rule.solid ↗
css.properties.column-rule.thick ↗
css.properties.column-rule.thin ↗
css.properties.column-rule.transparent ↗
css.properties.column-width ↗
css.properties.column-width.auto ↗
css.properties.columns ↗
css.properties.columns.auto ↗
css.properties.gap.multicol_context ↗
id: multi-column