最終更新日 
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;
当サイトの活動をサポートしてみませんか？気軽にクリエイターの支援ができます。