最終更新日 2021年6月18日

column-ruleプロパティ

column-ruleは、段組みの、段と段の間の境界線の「種類、色、太さ」をまとめて指定するプロパティです。

値には、column-rule-width、column-rule-style、column-rule-colorの値を、半角スペースで区切って、好きな順番で並べます。値の指定を省略した場合は、それぞれの初期値が設定されます。

下記のの部分が、column-ruleです。

カラムモデル

段組みの段と段の間隔（　　の部分）を指定する場合は、column-gapを使用します。

CSS3での変更点

・column-ruleは、CSS3から新しく追加されたプロパティです。

初期値	適用先	継承
各プロパティの初期値	段組された要素	なし

サンプルコード

column-rule: 1px solid #000;
column-rule: 1em double black;
column-rule: thin dashed rgb(255,0,0);
column-rule: transparent;

ザマワンにエントリーしました！

『ザマワン』は「座間ワンミニッツ」の略称であり、座間市の魅力を１分にギュッと詰め込む動画コンテストです。