最終更新日

column-countプロパティ

column-countは、段組みの段の数を指定するプロパティです。

ただし、指定した値にかかわらず、実際に表示される段の数は、要素の表示幅やコンテンツの分量に応じて自動的に変わります。

段の幅を指定する場合は、column-widthを使用します。

段の幅と数をまとめて指定する場合は、columnsを使用します。

CSS3での変更点
・column-countは、CSS3から新しく追加されたプロパティです。
初期値 適用先 継承
auto ブロックレベル要素(table要素は除く)、td要素th要素、inline-blockの要素 なし
説明
auto 段の数は自動で算出されます。(初期値
整数 段の数を整数値で指定します。
サンプルコード
column-count: auto;
column-count: 2;
column-count: 5;
参考文献:CSS Multi-column Layout Module外部リンク
HOME