HOME HTML CSS XML JAVASCRIPT ASP PHP SQL MORE...

CSS Reference

CSS Reference
CSS Selectors
CSS Reference Aural
CSS Web Safe Fonts
CSS Units
CSS Colors
CSS Color Values
CSS Color Names
CSS Color HEX
CSS3 Browser Support

CSS Properties

animation

background

box

column

font

list-style

margin

nav

outline

padding

page-break

target

text

top

transform

transition

CSS3 column-span Property

Complete CSS Reference

Example

Let the h2 element span across all columns:

h2
{
-webkit-column-span:all; /* Chrome */
column-span:all;
}

Try it yourself »
More examples at the bottom of this page.

Browser Support

The column-span property is only supported in Opera.

Chrome supports an alternative, the -webkit-column-span property.

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	Play it
1	The element should span across one column	Play it »
all	The element should span across all columns	Play it »

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.

CSS3 tutorial: CSS3 Multiple Columns