CSS column-count 属性

定義と使用方法

column-count属性は、要素が分割されるべき列数を指定します。

も参照してください:

CSS3チュートリアル:CSS3 多列

HTML DOMリファレンスマニュアル:columnCount属性

div要素内のテキストを3列に分けます:

div
{
column-count:3;
}

実際に試してみてください

ページの下部にさらに例があります。

CSS语法

column-count: number|auto;

属性値

説明 テスト
number 要素の内容が最も適切に分割される列数。 テスト
auto 他の属性によって列数が決定されます、例えば「column-width」。 テスト

技術的詳細

デフォルト値: auto
継承性: no
バージョン: CSS3
JavaScript语法: object.style.columnCount=3

さらに例

Column-gap
div要素内のテキストを3列に分け、列間に30ピクセルの間隔を規定します。
Column-rule
列間の幅、スタイル、色を指定します。

ブラウザのサポート

このテーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-
10.0 52.0
2.0 -moz-
9.0
3.1 -webkit-
37.0
15.0 -webkit
11.1