Atributo column-width de CSS

Definición y uso

La propiedad column-width define el ancho de la columna.

Véase también:

Tutorial de CSS3:Multi-columns en CSS3

Manual de referencia de HTML DOM:Propiedad columnWidth

Ejemplo

Define el ancho de la columna:

div
{
column-width:100px;
}

Inténtalo tú mismo

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

Sintaxis de CSS

column-width: auto|length;

Valor de la propiedad

Valor Descripción Pruebas
auto El ancho de la columna es decidido por el navegador. Pruebas
length Define el ancho de la columna. Pruebas

Detalles técnicos

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

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 prefijo -webkit- o -moz- indican la primera versión que utiliza el prefijo.

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0