columns

/* Column width */
columns: 1em;

/* Column count */
columns: auto;
columns: 1;

/* Combination of column width and count */
columns: 1 auto;
columns: auto 12em;
columns: auto auto;

/* Global values */
columns: inherit;
columns: initial;
columns: unset;

Applies to Block containers except table wrapper boxes   [Inherited](inheritance) no   Media visual   [Computed value](computed_value) as each of the properties of the shorthand:

Animation type as each of the properties of the shorthand:

Canonical order per grammar  

<'column-width'> || <'column-count'>

<p class="content-box">
  This is some text split into three columns
  using the CSS property columns. The text is
  equally distributed over the columns.
</p>

.content-box {
  margin: 0;
  height: 90px;
  border: 3px solid black;
  columns: 3;
}