CSS3 column-fill プロパティ
 完全な CSS3 リファレンス
例
Specify how to fill columns:
div
{
column-fill:auto;
} |
More examples at the bottom of this page. |
ブラウザ・サポート
column-fill プロパティをサポートしているブラウザはありません。
定義と用法
column-fill property specifies how to fill columns, balanced or not.
| デフォルト値: |
balance |
| 継承: |
no |
| バージョン: |
CSS3 |
| JavaScript構文: |
object.style.columnFill="auto" |
構文
| column-fill: balance|auto; |
| 値 |
説明 |
| balance |
Columns are balanced. Browsers should minimize the variation in column
length |
| auto |
Columns are filled sequentially, and they will have different lengths |
 |
Try it Yourself - Examples |
Column-count
Divide the text in a div element into three columns.
Column-gap
Divide the text in a div element into three columns, and specify a 30 pixels gap
between the columns.
Column-rule
Specify the width, style and color of the rule between columns.
関連ページ
CSS3 チュートリアル: CSS3 Multiple Columns
完全な CSS3 リファレンス
|