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

column-countプロパティ

 column-countプロパティは、エレメントを横方向に分割するプロパティです。分割数を数値で指定します。

関連プロパティ

 以下のような関連するプロパティがあります。

column-fill均等に割るか
column-gap分割した内容の間
column-rulecolumn-rule-width、column-rule-style、column-rule-colorプロパティの一括指定
column-rule-colorカラム間に装飾する罫線の色
column-rule-styleカラム間に装飾する罫線の種類
column-rule-widthカラム間に装飾する罫線の幅
column-span分割されたエレメントにまたがって表示
column-width分割する内容の幅
columnsエレメントの分割数と幅の指定

構文(Syntax)

CSS

column-count: auto | number | initial | inherit ;

DOM(JavaScript)

値の取得
String = object.style.columnCount;
値の設定
object.style.columnCount=" auto | number | initial | inherit ";

値(Values)

Value摘要
auto初期値(default値)
number分割数を数値で設定
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)auto
継承(Inherited)No
変化(Animatable)Yes