CSS3 column-span Property

Example

Let the h2 element span across all columns:

h2
{
column-span:all;
}

More examples at the bottom of this page.

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

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


Definition and Usage

The column-span property specifies how many columns an element should span across.

Default value: 1
Inherited: no
Version: CSS3
JavaScript syntax: object.style.columnSpan="all"


Syntax

column-span: 1|all;

Value Description
1 The element should span across one column
all The element should span across all 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.