HTML and CSS Reference
In-Depth Information
Compatibility
CSS3
Chrome 2+, Firefox 1.5+, Safari 3+
Note
• Firefox browsers support this property as
-moz-column-count
and WebKit-based
browsers like Chrome and Safari support it as
-webkit-column-count
.
column-gap
This property defines the gap between columns in a multicolumn text flow.
Syntax
column-gap:
length
| normal
where
length
is any positive CSS measurement value.
Examples
.two-column {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;
-moz-column-gap: 100px; -webkit-column-gap: 100px;
column-gap: 100px;}
.three-column {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;
-moz-column-gap: 10em; -webkit-column-gap: 10em;
column-gap: 10em;}
Compatibility
CSS3
Chrome 2+, Firefox 1.5+, Safari 3+
Note
• Firefox browsers support this property as
-moz-column-gap
and WebKit-based
browsers like Chrome and Safari support it as
-webkit-column-gap
.
column-rule
This shorthand property defines the style, width, and color of the rule divider between
columns in a multicolumn text flow.
Syntax
column-rule:
rule-width
rule-style
color
where
rule-width
is a valid measurement or keyword as defined by
column-rule-width
,
rule-style
is a valid style as defined by
column-rule-style
, and
color
is a CSS color value
also settable with
column-rule-color
.