Atributo column-count de CSS

Definición y uso

El atributo column-count especifica el número de columnas en el elemento.

Véase también:

Tutoriales de CSS3:CSS3 Multicolumn

Manual de referencia de HTML DOM:Atributo columnCount

Ejemplo

Divide el texto del elemento div en tres columnas:

div
{
column-count:3;
}

Prueba tu mismo

Hay más ejemplos en la parte inferior de la página.

Sintaxis de CSS

column-count: number|auto;

Valor del atributo

Valor Descripción Pruebas
number El mejor número de columnas para dividir el contenido del elemento. Pruebas
auto El número de columnas se determina por otros atributos, como "column-width". Pruebas

Detalles técnicos

Valor predeterminado: auto
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: object.style.columnCount=3

Más ejemplos

Column-gap
Divide el texto del elemento div en tres columnas y especifica un espacio de 30 píxeles entre las columnas.
Column-rule
Define el ancho, estilo y color entre las columnas.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1