CSS3 column-span property
Examples
All settings h2 element span
h2
{
column-span:all;
-webkit-column-span:all; /* Safari and Chrome */
}
{
column-span:all;
-webkit-column-span:all; /* Safari and Chrome */
}
try it"
In the bottom of this page for more examples.
Browser Support
Figures in the table represent the first browser to support the version number of the property.
Immediately following the digital -webkit-, -ms- or -moz- ago in support of the prefix attribute first browser version number.
属性 | |||||
---|---|---|---|---|---|
column-span | 50.0 4.0 -webkit- |
10.0 | Not supported | 9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
Attribute definitions and instructions
column-span property specifies how many columns an element should span.
Defaults: | 1 |
---|---|
inherit: | no |
version: | CSS3 |
JavaScript syntax: | object .style.columnSpan = "all" |
grammar
column-span: 1 | all;
值 | 描述 |
---|---|
1 | 元素应跨越一列 |
all | 该元素应该跨越所有列 |
More examples
Column-count
Text div element into three columns.
Column-gap
Text in the div element into three columns, and specify the gap between the columns of a 30 pixel. .
Column-rule
Rules specify between columns: width, style, and color
related articles
CSS3 tutorial: CSS3 Multiple the Columns