CSS3 column-width Property

Example

Specify the width of the columns:

div
{
-webkit-column-width:100px; /* Safari and Chrome */
column-width:100px;
}

Try it yourself »
More examples at the bottom of this page.

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The column-width property is not supported in any of the major browsers.

Safari and Chrome support an alternative, the -webkit-column-width property.


Definition and Usage

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

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


Syntax

column-width: auto|length;

Value Description
auto The column width will be determined by the browser
length A length that specifies the width of the columns


Examples

Try it Yourself - Examples

Column-count
Divide the text in a div element into three columns.

Column-gap
Divide the text in a div element into three columns, and specify a 30 pixels gap between the columns.

Column-rule
Specify the width, style and color of the rule between columns.