段と段との間の線の幅を指定する

書式

column-rule-width: 線幅

説明

段と段との間の線の幅を指定するにはcolumn-rule-widthを使います。値には線の幅を指定します。column-rule-width : 5pxとすれば段と段と間には5ピクセルの線が表示されます。
ブラウザによってはベンダープレフィックスを指定しないと動作しません。

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

#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;
column-rule-width: 10px;
-moz-column-rule-width: 10px;
-webkit-column-rule-width: 10px;
}
目次に戻る