Style column Width Property

Style column Width Property

It sets the ideal column width in a multi-column layout. It is used to define the width of the columns. It allows you to specify the width of the columns in your multi-column layouts. 

Browser Support

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

property	chrome	firefox	microsoft edge	Opera
column-rule	50.0 4.0 -webkit-	52.0 2.0 -moz-	10.0	37.0 15.0 -webkit 11.1

 

Syntax

column-width: auto|length|initial|inherit;

Example 

Output

 

Property Values

Value	Description
auto	Default value. The column width will be determined by the browser
length	A length that specifies the width of the columns. The number of columns will be the minimum number of columns needed to show all the content across the element.
initial	Sets this property to its default value.
inherit	Inherits this property from its parent element.

 

Technical Details

Default value:	Auto
Version:	CSS3
inherited	No
Animatable	Yes
JavaScript syntax:	object.style.columnWidth="100px"