column-rule-color
column-rule-color プロパティはカラムの区切り線の色を指定します。このプロパティは column-rule-style プロパティと同時に使用します。
プロパティの詳細
- 値
- RGB 数値, 色名
- 初期値
- currentColor
- 対象
- 段組み要素
- 継承
- しない
- CSS レベル
- CSS 3
HTML
<div class="box1">
<div>1</div>
<div>2</div>
<div>3</div>
</div>CSS
.box1 {
column-count: 3;
column-gap: 30px;
column-rule-style: solid;
column-rule-color: red;
}
.box1 > div {
background-color: #cccccc;
}