column-count
column-count プロパティはカラムの数を指定します。
プロパティの詳細
- 値
- auto または整数
- 初期値
- auto
- 対象
- ブロックコンテナ、テーブルセル、インラインブロック
- 継承
- しない
- CSS レベル
- CSS 3
値の詳細
| 値 | 詳細 |
|---|---|
| auto | column-width など他のプロパティによって自動的に決定 |
| 整数 | 整数のみ。column-width が auto 以外の値で一緒に指定された場合は最大の列数 |
サンプル
HTML
<p class="box1">雨ニモマケズ<br />
風ニモマケズ<br />
雪ニモ夏ノ暑サニモマケヌ<br />
丈夫ナカラダヲモチ<br />
慾ハナク<br />
決シテ瞋ラズ<br />
イツモシヅカニワラッテヰル
</p>CSS
p.box1 {
column-count: 3;
}