CSS3

：

プロパティ

：

column-rule-width

　 編集：2022.07.04 by T.A.

→●、mdn

段組：column の罫線の幅。

名前 column-rule-width
値 <line-width>
初期値 medium
適用対象 複 column コンテナ
継承 されない
百分率 受容しない
算出値 絶対長さ ─ column 罫線のスタイルが none または hidden のときは 0 になる。
正準的順序 文法に従う
アニメーション型 算出値の型による

このプロパティは、column 間の罫線の幅を設定する。負な値は許容されない。

<DIV style="border:1px solid red; width:150px;
 column-count:2;
 column-rule-width:30px;
 column-rule-style:dotted;
 column-rule-color:green;
">あああああああああああああああああああああ
</DIV>


<DIV style="border:1px solid red; width:150px;
 column-count:2;
 column-gap:35px;
 column-rule-width:30px;
 column-rule-style:dotted;
 column-rule-color:green;
">あああああああああああああああああああああ
</DIV>
column-gapを調整

テスト
HTML：

ここに表示
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：