Easy Tutorial
❮ Prop Style Texttransform Prop Style Borderstyle ❯

Style columns Property

Style Object

Example

Divide the text into three columns, with each column having a minimum width of 100 pixels:


Definition and Usage

The columns property is a shorthand property used to set both columnWidth and columnCount.


Browser Support

Internet Explorer 10 and Opera support the columns property.

Firefox supports an alternative property, MozColumns.

Safari and Chrome support an alternative property, WebkitColumns.


Syntax

Return the columns property:

Set the columns property:

Property Values

Value Description
auto Default value. Sets column-width to "auto" and column-count to "auto".
columnWidth The width of the column.
columnCount The number of columns.
initial Sets this property to its default value. See initial
inherit Inherits this property from its parent element. See inherit

Technical Details

Default value: auto auto
Return value: A string representing the columns property of the element.
--- ---
CSS version CSS3
--- ---

Related Articles

CSS3 Tutorial: CSS3 Multiple Columns

CSS Reference: columns Property


Style Object

❮ Prop Style Texttransform Prop Style Borderstyle ❯