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

書式

column-rule-color: カラー

説明

段と段との間の線の色を指定するにはcolumn-rule-colorを使います。値にはCSS3で指定可能なカラー名やカラーコードを指定します。column-rule-color : blueとすれば段と段との間に青色の線が表示されます。
ブラウザによってはベンダープレフィックスを指定しないと動作しません。

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

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