column-rule-width
column-rule-width プロパティはカラムの区切り線の太さを指定します。このプロパティは column-rule-color, column-rule-style プロパティと組み合わせて使用します。
プロパティの詳細
- 値
- thin, medium, thick, 数値（px, em, ex）
- 初期値
- midium
- 対象
- 段組み要素
- 継承
- しない
- CSS レベル
- CSS 3
サンプル
HTML
<div id="box1">
<p>雨ニモマケズ<br />
風ニモマケズ<br />
雪ニモ夏ノ暑サニモマケヌ<br />
丈夫ナカラダヲモチ<br />
慾ハナク<br />
決シテ瞋ラズ<br />
イツモシヅカニワラッテヰル</p>
</div>CSS
.box1 {
column-count: 3;
column-gap: 30px;
column-rule-style: dotted;
column-rule-color: purple;
column-rule-width: medium;
}