CSS column-width property

Definition and usage

The column-width property specifies the width of the columns.

See also:

CSS3 Tutorial:CSS3 Multicolumn

HTML DOM Reference Manual:columnWidth property

Example

Specifies the width of the columns:

div
{
column-width:100px;
}

Try it yourself

More examples are at the bottom of the page.

CSS syntax

column-width: auto|length;

Attribute value

Value Description Test
auto The column width is determined by the browser. Test
length Specifies the width of the columns. Test

Technical details

Default value: auto
Inheritance: no
Version: CSS3
JavaScript syntax: object.style.columnWidth="100px"

More examples

Column-count
Divides the text inside the div element into three columns.
Column-gap
Divides the text inside the div element into three columns, with a space of 30 pixels between them.
Column-rule
Specifies the width, style, and color between columns.

Browser support

The numbers in the table indicate the first browser version that fully supports the property.

Numbers prefixed with -webkit- or -moz- indicate the first version using the prefix.

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