CSS column-span 属性

定義と使用方法

column-span属性は、要素が横切るべき列数を定義します。

参照もどうぞ：

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

HTML DOMリファレンスマニュアル：columnSpan属性

例

h2要素をすべての列にわたるようにする：

h2
{
column-span:all;
}

自分で試してみる

ページの下部には他の例があります。

CSS语法

column-span: 1|all;

属性値

値 説明 テスト
1 要素は一列を横切るべきです。 テスト
all 要素はすべての列を横切るべきです。 テスト

技術的詳細

デフォルト値： 1
継承性： no
バージョン： CSS3
JavaScript语法： object.style.columnSpan="all"

他の例

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

ブラウザのサポート

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

数字が-webkit-や-moz-で始まる場合は、プレフィックスを使用する最初のバージョンを示しています。

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