備忘録的プログラミングリファレンス

column-rule プロパティ

 column-rule プロパティは、カラムに分割表示として設定されたカラム間に罫線を指定する CSS のプロパティです。
 カラムに分割表示とは、columnscolumn-width または column-count プロパティによるエレメントの内容の分割表示です。

column-rule プロパティ
columns: 150px auto;
column-rule: 2px dotted silver;
表示例

カラムについての説明です。<table> の説明でもカラムという表現が出てくるので混合してしまいます。

詳しくは Example を参照してください

 このプロパティは、column-rule-widthcolumn-rule-stylecolumn-rule-colorプロパティを一括で指定できます。

 column-rule-styleを省略すると表示されません。

 column-rule-colorを省略するとテキストの色で表示されます。

ページ内 Index

構文(Syntax)

CSS

column-rule: column-rule-width column-rule-style column-rule-color | initial | inherit ;

DOM ( JavaScript )

値の取得
String = object.style.columnRule;
値の設定
object.style.columnRule=" column-rule-width column-rule-style column-rule-color | initial | inherit ";

値(Values)

Value摘要
column-rule-width線の太さ
column-rule-style線種
column-rule-color罫線の色
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)medium none color
継承(Inherited)No
変化(Animatable)Yes

Example

 column-rule プロパティの例です。