Definición de .column-span utilizado en CSS
En un diseño de múltiples columnas, puede hacer que los elementos se expandan a través de las columnas con .column-span.
Ejemplo de empleo : propiedad CSS column-span
Si te gustaría utilizar esta propiedad de CSS en tu hoja de estilos, hazlo de la siguiente manera:
h2 {
-webkit-column-span: all;
column-span: all;
}Otro ejemplo más avanzado de .column-span es el siguiente de CODEPEN:
Sintaxis de .column-span en CSS
column-span: none|all|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| ninguna | Valor por defecto. El elemento debe abarcar una columna. | |
| todos | El elemento debe abarcar todas las columnas. | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .column-span
Los números de la tabla especifican la primera versión del navegador que es completamente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| column-width | 50.0 4.0 -webkit- | 10.0 | 52.0 2.0 -moz- | 9.0 3.1 -webkit- | 37.0 15.0 -webkit- 11.1 |
