CSS ιδιότητα διασύνδεσης στήλης

Definition and Usage

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

See Also:

CSS3 Tutorial:CSS3 Πολυσυλλογές

HTML DOM Reference Manual:columnSpan Property

Example

Make the h2 element span all columns:

h2
{
column-span:all;
}

Try It Yourself

More examples are 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 the 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