項 目 | 説 明 |
---|---|
記述形式 | セレクタ {columns: 値 } |
値 の形式 | column-width column-count |
初 期 値 | 各プロパティの初期値 |
対応ブラウザー | C3+ / e?+ / N?+ / Fx?+ / Op?+ / Ch9+ / Sa5+ |
適用可能な要素 | 非置換ブロックレベル要素( table要素を除く), テーブルセル,インラインブロック要素 |
継 承 | しない |
columns プロパティ は,段組の 段数と段幅の一括指定 をします。
指定できる値の形式は,以下のとおりです。
値 | 説 明 |
---|---|
column-width | 段組の 段幅 を指定します。 |
column-count | 段組の 段数 を指定します。 |
これら2つののプロパティの値は,順不同で省略可能です。 指定方法の詳細は,各プロパティの説明を参照してください。
HTMLソース | |
---|---|
CSS <head> ~ </head> |
<style type="text/css" media="screen, handheld, print, tv" > <!-- div.mc3 { width: 40em; columns: 12em 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 により決まる場合もあります。 |