column-rule-style プロパティ
column-rule-style プロパティは、カラム(列)間に装飾する罫線(rule)の線種を指定するプロパティです。
columns:250px auto; column-rule-style: dotted;
ここでのカラムとは、新聞記事のような縦割りのレイアウトに表示することができるスタイルです。例えば以下のような表示です。
カラムについての説明です。<table> の説明でもカラムという表現が出てくるので混合してしまいます。
ページ内 Index
構文(Syntax)
CSS
column-rule-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit ;
DOM ( JavaScript )
String = object.style.columnRuleStyle;
object.style.columnRuleStyle=" none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit ";
値(Values)
Value | 摘要 |
---|---|
none | 初期値(default値) |
hidden | 非表示 |
dotted | 点線 |
dashed | 破線 |
solid | 直線 |
double | 二重線 |
groove | 凹んだ線 |
ridge | 凸んだ線 |
inset | ridgeと似る |
outset | grooveと似る |
initial | 初期値に戻す |
inherit | 親エレメントのプロパティを継承 |
備考(Remarks)
初期値(Default value) | none |
継承(Inherited) | No |
変化(Animatable) | No |
Example
column-rule-widthの例です。エレメントの内容全体を分割し、column-rule-styleで点線に指定。column-rule-widthで10pxに指定しています。