HTML and CSS Reference
In-Depth Information
In the current
CSS3
Multi-column
spec, the
column-span
property can
take one of two values:
1
or
all
. The
default is
1
: elements span a single
column. A value of
all
makes the
element span every column:
img {
max-width: 100%;
column-span: all;
}
Gaps and rules
The
column-gap
property allows you
to control the spacing between col-
umns:
body {
column-width: 200px;
column-gap: 100px;
}
Three properties control the column
rule. This example shows all three of
them:
body {
column-width: 200px;
column-gap: 100px;
column-rule-style: solid;
column-rule-color: #999;
column-rule-width: 20px;
}
Note that these are analogous to the
border properties.
Rather than specify the three prop-
erties individually, you can use a