CSS3カラムフィル特性
例
列を埋める方法を指定します:
div要素
{
コラムフィル:自動;
}
{
コラムフィル:自動;
}
より多くの例については、このページの下で。
ブラウザのサポート
表中の数字は、メソッドのバージョン番号をサポートする最初のブラウザを表します。
属性 | |||||
---|---|---|---|---|---|
column-fill | 不支持 | 不支持 | 13.0 -moz- | 不支持 | 不支持 |
属性の定義と指示
カラム充填は、属性列を埋める方法を指定します。
デフォルト: | バランス |
---|---|
継承: | いいえ |
バージョン: | CSS3 |
JavaScriptシンタックス: | オブジェクト.style.columnFill = "オート" |
文法
column-fill: balance|auto;
値 | 説明 |
---|---|
バランス | 列の長さのバランス。 ブラウザは、列変更の長さを最小限にする必要があります |
オート | 列の順序を充填し、それらが異なる長さを有しています |
より多くの例
列カウント
3列にテキストdiv要素。
カラムギャップ
3列にdiv要素内のテキスト、および30ピクセルの列の間のギャップを指定します。
列のルール
幅、スタイル、色:ルールは、列の間を指定します。
関連記事
CSS3チュートリアル: CSS3の複数列