The CSS columns property was introduced in CSS3. It is a shorthand property for setting the individual values of the column-width and column-count properties. Omitted values are set to their initial values.
Values[]
| Value | Description |
|---|---|
<column-width> <column-count> |
See the values for the individual properties. |
CSS example:
columns: 12em; /* column-width: 12em; column-count: auto */
columns: auto 12em; /* column-width: 12em; column-count: auto */
columns: 2; /* column-width: auto; column-count: 2 */
columns: 2 auto; /* column-width: auto; column-count: 2 */
columns: auto; /* column-width: auto; column-count: auto */
columns: auto auto; /* column-width: auto; column-count: auto */