column-count

Resumen

La propiedad CSS column-count define el número de columnas de un elemento.

Sintaxis

column-count: 3;
column-count: auto;

column-count: inherit;
column-count: initial;
column-count: unset;

Valores

auto

Es una palabra clave que indica que el número de columnas debería ser determinado por otras propiedades CSS, como column-width.

<number>

Es un número entero estrictamente positivo <integer> que indica el número ideal de columnas en las que el contenido del elemento va a fluir. Si la propiedad column-width  se establece en un valor que no sea auto, se limita a indicar el número máximo permitido de columnas.

Sintaxis formal

<number> | auto

Ejemplos

.content-box {
  border: 10px solid #000000;
  column-count: 3;
}

Especificaciones

Compatibilidad en navegadores