CSS column-span property

Let the <h2> element span across all columns

Definition and Usage

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

Default value:	none
Inherited:	no
Animatable:	no. Read about animatable
Version:	CSS3
JavaScript syntax:	object.style.columnSpan="all" Try it

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

Numbers followed by -webkit- specify the first version that worked with a prefix.

Property
column-span	50.0 4.0 -webkit-	10.0	71.0	9.0 3.1 -webkit-	37.0 15.0 -webkit- 11.1

column-span: none|all|initial|inherit;

Value	Description	Demo
none	Default value. The element should span across one column	Demo ❯
all	The element should span across all columns	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

Divide the text in a <div> element into three columns:

div {
column-count: 3;
}

Specify a 40 pixels gap between the columns:

div {
column-gap: 40px;
}

Specify the width, style, and color of the rule between columns:

div {
column-rule: 4px double #ff00ff;
}

HTML DOM reference: columnSpan property

Email:

Content: