The best CSS3 column-fill properties Tutorial In 2024, In this tutorial you can learn Examples,Browser Support,Attribute definitions and instructions,grammar,More examples,related articles,
Specifies how to fill columns:
Figures in the table represent the first browser to support the method version number.
属性 | |||||
---|---|---|---|---|---|
column-fill | 不支持 | 不支持 | 13.0 -moz- | 不支持 | 不支持 |
column-fill Specifies how to fill attribute column.
Defaults: | balance |
---|---|
inherit: | no |
version: | CSS3 |
JavaScript syntax: | object .style.columnFill = "auto" |
value | Explanation |
---|---|
balance | Column length balance. Browser should minimize the length of the column changes |
auto | Filling column order, they will have different lengths |
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.
CSS3 tutorial: CSS3 Multiple the Columns