CSS column-span attribute

Definition and usage

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

See also:

CSS3 Tutorial:CSS3 Multicol

HTML DOM Reference Manual:columnSpan property

Example

Make the h2 element span all columns:

h2
{
column-span:all;
}

Try it yourself

More examples at the bottom of the page.

CSS syntax

column-span: 1|all;

Property value

Value Description Test
1 The element should span one column. Test
all The element should span all columns. Test

Technical details

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

More examples

Column-count
Divides the text within the div element into three columns.
Column-gap
Divides the text within the div element into three columns with a 30-pixel gap 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 this property.

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

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 71.0 9.0
3.1 -webkit-		 37.0
15.0 -webkit-
11.1