段組みの罫線の幅を指定する

column-rule-width

{ column-rule-width カラム・ルール・ウィズ : ; }

column-rule-widthプロパティは、段組みの各段の間に表示する罫線の幅を指定します。

初期値 medium
継承 なし
適用される要素 段組みされた要素
モジュール CSS Multi-column Layout Module

値の指定方法

thin 細い罫線が表示されます。
medium 通常の罫線が表示されます。
thick 太い罫線が表示されます。
任意の数値+単位 罫線の幅を単位付きの数値で指定します。
CSSにおける単位付きの数値の指定方法

サンプルコード

2015年1月時点では、Firefoxでこのプロパティを適用するには接頭辞に-moz-を、Google Chrome、Safariなどでは接頭辞に-webkit-を記述します。

.section .item {
  column-count: 3;
  column-rule-width: 2px;
  column-rule-style: solid;
  column-rule-color: red;
}