column-span

La propiedad column-span CSS hace posible que un elemento se extienda sobre todas las columnas cuando su valor se establece a all.

/* Keyword values */
column-span: none;
column-span: all;

/* Global values */
column-span: inherit;
column-span: initial;
column-span: unset;

A un elemento que se extiende m谩s de una columna se le llama elemento extendido (spanning element).

Sintaxis

La propiedad column-span se especifica como una de las palabras clave listadas a continuaci贸n.

Valores

none
El elemento no se extiende en sobre varias columnas.
all
El elemento se extiende sobre todas las columnas. El contenido en el flujo normal que aparece antes del elemento se equilibra autom谩ticamente en todas las columnas antes de que aparezca el elemento. El elemento establece un nuevo contexto de formato de bloque..

Sintaxis formal

none | all

Ejemplo

En este ejemplo, la cabecera se expande sobre todas las columnas del art铆culo.

HTML

<article>
  <h2>My Very Special Columns</h2>
  <p>This is a bunch of text split into three columns
     using the CSS `columns` property. The text
     is equally distributed over the columns.</p>
</article>

CSS

article {
  columns: 3;
}

h2 {
  column-span: all;
}

Resultado

Especificaciones

Especificaci贸n Estado Comentario
CSS Multi-column Layout Module
La definici贸n de 'column-span' en esta especificaci贸n.
Working Draft Definici贸n inicial.
Valor inicialnone
Applies toin-flow block-level elements
Heredableno
Valor calculadocomo se especifica
Animation typediscrete

Compatibilidad con navegadores

BCD tables only load in the browser