| 項 目 | 説 明 |
|---|---|
| 記述形式 | セレクタ {column-count: 値 } |
| 値 の形式 | auto | 数値（整数） |
| 初 期 値 | auto |
| 対応ブラウザー | C3+ / e?+ / N?+ / Fx?+ / Op?+ / Ch9+ / Sa?+ |
| 適用可能な要素 | 非置換ブロックレベル要素（ table要素を除く）， テーブルセル，インラインブロック要素 |
| 継 承 | しない |
column-count プロパティ は，段組の段数 を指定します。
指定できる値の形式は，以下のとおりです。
| 値 | 説 明 |
|---|---|
| auto | 他のプロパティの値に基づき段数を決めます。 （初期値） たとえば，column-width が auto 以外の値の場合には，それに基づいて段数を決定します。 |
| 数値（整数） | 段組の段数 を 1 以上の整数で指定します。 もし，column-count と column-width がともに auto 以外の値の場合，ここで指定した段数は 上限値 の意味になり，実際の段数は column-width により決まる場合もあります。 |
| HTMLソース | |
|---|---|
| CSS <head> ～ </head> |
<style type="text/css" media="screen, handheld, print, tv" >
<!--
div.mc3 {
width: 35em;
column-count: 3;
}
-->
</style> |
| HTML <body> ～ </body> |
<div class="mc3">
<p>他のプロパティの値に基づき段数を決めます。 （初期値）
<br>たとえば，column-width が auto 以外の値の場合には，
それに基づいて段数を決定します。</p>
<p>段組の段数 を 1 以上の整数で指定します。
もし，column-count と column-width がともに
auto 以外の値の場合，ここで指定した段数は 上限値
の意味になり，実際の段数は column-width により
決まる場合もあります。</p>
<p>他のプロパティの値に基づき段数を決めます。 （初期値）
<br>たとえば，column-width が auto 以外の値の場合には，
それに基づいて段数を決定します。</p>
<p>段組の段数 を 1 以上の整数で指定します。
もし，column-count と column-width がともに
auto 以外の値の場合，ここで指定した段数は 上限値
の意味になり，実際の段数は column-width により
決まる場合もあります。</p>
<p>他のプロパティの値に基づき段数を決めます。 （初期値）
<br>たとえば，column-width が auto 以外の値の場合には，
それに基づいて段数を決定します。</p>
<p>段組の段数 を 1 以上の整数で指定します。
もし，column-count と column-width がともに
auto 以外の値の場合，ここで指定した段数は 上限値
の意味になり，実際の段数は column-width により
決まる場合もあります。</p>
</div> |
| ブラウザー 表示例 |
|---|
他のプロパティの値に基づき段数を決めます。 （初期値）
段組の段数 を 1 以上の整数で指定します。 もし，column-count と column-width がともに auto 以外の値の場合， ここで指定した段数は 上限値 の意味になり，実際の段数は column-width により決まる場合もあります。 他のプロパティの値に基づき段数を決めます。 （初期値）
段組の段数 を 1 以上の整数で指定します。 もし，column-count と column-width がともに auto 以外の値の場合， ここで指定した段数は 上限値 の意味になり，実際の段数は column-width により決まる場合もあります。 他のプロパティの値に基づき段数を決めます。 （初期値）
段組の段数 を 1 以上の整数で指定します。 もし，column-count と column-width がともに auto 以外の値の場合， ここで指定した段数は 上限値 の意味になり，実際の段数は column-width により決まる場合もあります。 |