Atributo columns de CSS

Definición y uso

El atributo columns es una propiedad abreviada que se utiliza para establecer el ancho y el número de columnas.

Véase también:

Tutorial de CSS3:Columnas de CSS3

Manual de referencia de HTML DOM:Atributo columns

Ejemplo

Define el ancho y el número de columnas:

div
{
columns:100px 3;
}

Prueba por ti mismo

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

Sintaxis de CSS

columns: column-width column-count;

Valor del atributo

Valor Descripción
column-width Ancho de la columna.
column-count Número de columnas.

Detalles técnicos

Valor por defecto: auto auto
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: object.style.columns="100px 3"

Más ejemplos

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

Compatibilidad del navegador

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

Los números con -webkit- o -moz- indican la primera versión con prefijo utilizada.

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