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