Atributo column-span de CSS

Definición y uso

El atributo column-span especifica cuántas columnas debe cruzar el elemento.

Véase también:

Tutoriales de CSS3:Columnas múltiples de CSS3

Manual de referencia del DOM HTML:Atributo columnSpan

Ejemplo

Hacer que el elemento h2 cruce todas las columnas:

h2
{
column-span:all;
}

Prueba tú mismo

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

Sintaxis de CSS

column-span: 1|all;

Valor del atributo

Valor Descripción Pruebas
1 El elemento debe cruzar una columna. Pruebas
all El elemento debe cruzar todas las columnas. Pruebas

Detalles técnicos

Valor por defecto: 1
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: object.style.columnSpan="all"

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 y coloca un espacio de 30 píxeles entre ellas.
Column-rule
Define el ancho, estilo y color entre las 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 71.0 9.0
3.1 -webkit-		 37.0
15.0 -webkit-
11.1