Resumen

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

Valor inicialauto
Applies toBlock containers except table wrapper boxes
Heredableno
Mediavisual
Valor calculadocomo se especifica
Animation typean integer
Canonical orderper grammar

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

<integer> | auto

Ejemplos

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

Especificaciones

Especificación Estado Comentario
CSS Multi-column Layout Module
La definición de 'column-count' en esta especificación.
Working Draft Definición inicial

Compatibilidad en navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Soporte básico (Yes)-webkit 1.5 (1.8)-moz 10 11.1 3.0 (522)-webkit
en display: table-caption (Yes) 37 (37) (Yes) (Yes) (Yes)
Sin prefijo Sin soporte        
Característica Android Android Webview Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile Chrome for Android
Soporte básico (Yes) ? 1.0 (1.8)-moz (Yes) (Yes) (Yes) ?
en display: table-caption (Yes) ? 37.0 (37) (Yes) (Yes) (Yes) ?
Sin prefijo Sin soporte Sin soporte          

Etiquetas y colaboradores del documento

Colaboradores en esta página: robottitto, Sebastianz, Davier182
Última actualización por: robottitto,