column-count

概要

要素のカラム数を記述します。

• 初期値 error:(<s*codes+ids*=s*"initial-column-count"[^>]*>)</s*codes+ids*=s*"initial-column-count"[^>
• 適用対象 table 要素を除く非置換ブロックレベル要素、テーブルセル、インラインブロック要素
• 継承 継承しない
• メディア visual
• 計算値 指定値

構文

column-count: <number> | auto;

値

auto

column-width などの他の CSS プロパティによって列数を自動的に決定する事を示すキーワード

<number>

要素の内容の流し込み先となるカラムの、カラム数（期待する列数）を示す正の <整数値> 。
column-width が、"auto" 以外に設定されている場合はカラム数の最大許容数を示す。

例

.content-box {
  border: 10px solid #000000;
  column-count:3;
}

仕様

ブラウザ実装状況

関連情報

• column 関連 CSS プロパティ: column-width 、 column-count 、 column-gap 、 column-rule 、 column-rule-width 、 column-rule-style 、 column-rule-color 、 column-span 、 column-fill 、 columns