CSS3 チュートリアル

CSS3 リファレンス

Specify the style of the rule between columns:

div
{
-moz-column-rule-style:dotted; /* Firefox */
-webkit-column-rule-style:dotted; /* Safari and Chrome */
column-rule-style:dotted;
}

Try it yourself »
More examples at the bottom of this page.

column-rule-style property is only supported in Opera.

Firefox supports an alternative, the -moz-column-rule-style property.

Safari and Chrome support an alternative, the -webkit-column-rule-style property.

column-rule-style property specifies the style of the rule between columns.

デフォルト値:	none
継承:	no
バージョン:	CSS3
JavaScript構文:	object.style.columnRuleStyle="dotted"

値	説明
none	Defines no rule
hidden	Defines a hidden rule
dotted	Defines a dotted rule
dashed	Defines a dashed rule
solid	Defines a solid rule
double	Defines a double rule
groove	Specifies a 3D grooved rule. The effect depends on the width and color values
ridge	Specifies a 3D ridged rule. The effect depends on the width and color values
inset	Specifies a 3D inset rule. The effect depends on the width and color values
outset	Specifies a 3D outset rule. The effect depends on the width and color values

Column-count
Divide the text in a div element into three columns.

Column-gap
Divide the text in a div element into three columns, and specify a 30 pixels gap between the columns.

Column-rule
Specify the width, style and color of the rule between columns.