段と段との間の線のスタイルや幅を一括指定する

書式

column-rule: 線幅 スタイル カラー

説明

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

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

#content {
column-count: 3;
-moz-column-count: 3;
column-rule: 20px double red;
-moz-column-rule: 20px double red;
}
目次に戻る