Definición de .column-width en CSS
Cuando desee mantener sus columnas en un ancho específico, use .column-width.
Caso de uso : propiedad CSS column-width
Esta propiedad de CSS habitualmente se utiliza de esta forma:
section {
-webkit-column-width: 200px;
-moz-column-width: 200px;
column-width: 200px;
}Otro ejemplo más avanzado de .column-width es el siguiente de CODEPEN:
Sintaxis de .column-width en CSS
column-width: auto|length|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| auto | Valor por defecto. El ancho de la columna será determinado por el navegador. | |
| longitud | Una longitud que especifica el ancho de las columnas. El número de columnas será el número mínimo de columnas necesario para mostrar todo el contenido del elemento. | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .column-width
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 |
|---|---|---|---|---|---|
| columns | 50.0 4.0 -webkit- | 10.0 | 52.0 9.0 -moz- | 9.0 3.1 -webkit- | 37.0 15.0 -webkit- 11.1 |
