CSS column-count 属性
- 前ページ color-scheme
- 次のページ column-fill
定義と使用方法
column-count属性は、要素が分割されるべき列数を指定します。
も参照してください:
CSS3チュートリアル:CSS3 多列
HTML DOMリファレンスマニュアル:columnCount属性
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 |
- 前ページ color-scheme
- 次のページ column-fill