CSS3 column-width attribute
Examples
Specifies the width of the columns:
div
{
column-width: 100px;
-moz-column-width: 100px; / * Firefox * /
-webkit-column-width: 100px; / * Safari and Chrome * /
}
{
column-width: 100px;
-moz-column-width: 100px; / * Firefox * /
-webkit-column-width: 100px; / * 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-width | 50.0 4.0 -webkit- |
10.0 | 2.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
Attribute definitions and instructions
column-width attribute specifies the width of the column.
Defaults: | auto |
---|---|
inherit: | no |
version: | CSS3 |
JavaScript syntax: | object .style.columnWidth = "100px" |
grammar
column-width: auto|length;
值 | 描述 |
---|---|
auto | 浏览器将决定列的宽度 |
length | 指定列宽的长度 |
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