column-count

Resumen

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

Valor inicialauto
Applies tonon-replaced block elements (except table elements), table-cell or inline-block elements
Heredableno
Mediavisual
Valor calculadocomo se especifica
Animatableyes, as an integer
Canonical orderel orden único no-ambigüo definido por la gramática formal

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

Especificación Estado Comentario
CSS Multi-column Layout Module
The definition of 'column-count' in that specification.
Candidate Recommendation Definición inicial

Compatibilidad en navegadores

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 No support        
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 No support No support          

Etiquetas y colaboradores del documento

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