column-rule-style
column-rule-style プロパティはカラムの区切り線のスタイルを指定します。このプロパティは column-rule-color, column-rule-width プロパティと組み合わせて使用します。
プロパティの詳細
- 値
- none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset
- 初期値
- none
- 対象
- 段組み要素
- 継承
- しない
- 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: dashed;
column-rule-color: green;
}
.box1 > div {
background-color: #cccccc;
}