段と段との間のスタイルを指定する

書式

column-rule-style: スタイル

説明

段と段との間のスタイルを指定するにはcolumn-rule-styleを使います。値にはスタイル(solidやdoubleなどborderでの形状で指定可能なもの)を指定します。column-rule-style : doubleとすれば段と段との間には二重線が引かれます。
ブラウザによってはベンダープレフィックスを指定しないと動作しません。

サンプル サンプルを実行 サンプルをダウンロード

#content {
column-count: 3;
-webkit-column-count: 3;
-moz-column-count: 3;
column-rule-style: solid;
-moz-column-rule-style: solid;
-webkit-column-rule-style: solid;
}
目次に戻る