CSSリファレンス

column-countの意味と使い方

「column-count」は段の数を指定して段組を作成します。column-countプロパティで複数の段を作成した場合、全ての段の幅は均等に揃えられ、高さも同じになるよう内容が自動的に調整されて流し込まれます。
また、デフォルトでは段組は表示可能な領域の幅いっぱいを使って表示されます。段組全体の幅を変更する場合は、widthプロパティで指定します。

値の指定方法

整数値

段の数を1以上の整数で指定します。column-widthプロパティに「auto」以外の値が指定されている場合、ここで指定した値は最大の段数を表します。指定した段数を表示できる幅がないときは、指定よりも少ない段数で表示されます。


auto

段の数は、他のプロパティによって決定されます。


関連プロパティ

  • column-width:段の幅を指定する
  • columns:段の数と幅を一括して指定する
  • column-gap:段の間隔を指定する
  • column-span:段にまたがる表示を指定したい