段組みの罫線の幅を指定する
column-rule-width
{
column-rule-width
column-rule-widthプロパティは、段組みの各段の間に表示する罫線の幅を指定します。
| 初期値 | medium |
|---|---|
| 継承 | なし |
| 適用される要素 | 段組みされた要素 |
| モジュール | CSS Multi-column Layout Module |
値の指定方法
幅
| thin | 細い罫線が表示されます。 |
|---|---|
| medium | 通常の罫線が表示されます。 |
| thick | 太い罫線が表示されます。 |
| 任意の数値+単位 | 罫線の幅を単位付きの数値で指定します。 |
サンプルコード
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;
}


