The column-count
CSS property describes the number of columns of the element.
/* <integer> value */ column-count: 3; /* Keyword value */ column-count: auto; /* Global values */ column-count: inherit; column-count: initial; column-count: unset;
Initial value | auto |
---|---|
Applies to | Block containers except table wrapper boxes |
Inherited | no |
Media | visual |
Computed value | as specified |
Animation type | an integer |
Canonical order | per grammar |
Syntax
Values
auto
- Is a keyword indicating that the number of columns should be determined by other CSS properties, like
column-width
. <integer>
- Is a strictly positive
<integer>
describing the ideal number of columns into which the content of the element will be flowed. If thecolumn-width
is also set to a non-auto
value, it merely indicates the maximum allowed number of columns.
Formal syntax
<integer> | auto
Examples
.content-box { border: 10px solid #000000; column-count: 3; }
Specifications
Specification | Status | Comment |
---|---|---|
CSS Multi-column Layout Module The definition of 'column-count' in that specification. |
Candidate Recommendation | Initial definition |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | 50 Yes -webkit- | Yes Yes -webkit- | 52 1.5 -moz- | 10 | 11.1 15 -webkit- | 3 -webkit- |
On display: table-caption | Yes | Yes | 37 | Yes | Yes | Yes |
Feature | Android webview | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
Basic support | Yes | 50 | Yes Yes -webkit- | 52 4 -moz- | Yes | Yes Yes -webkit- | Yes Yes -webkit- |
On display: table-caption | Yes | ? | Yes | 37 | Yes | Yes | Yes |
Document Tags and Contributors
Tags:
Contributors to this page:
ddbeck,
mfluehr,
llkk,
arronei,
chrisdavidmills,
erikadoyle,
Sebastianz,
jpmedley,
fscholz,
tim_kraut,
jsx,
teoli,
kscarfone,
Sheppy,
ethertank,
brianloveswords,
kuvik3,
Marsf,
SPQRobin,
Jürgen Jeka,
DBaron,
Waldo,
BijuGC
Last updated by:
ddbeck,