CSS3カラムスパンプロパティ
例
すべての設定はH2要素スパン
h2
{
column-span:all;
-webkit-column-span:all; /* Safari and Chrome */
}
{
column-span:all;
-webkit-column-span:all; /* Safari and Chrome */
}
»をお試しください
より多くの例については、このページの下で。
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
すぐにデジタル-webkit-を以下、-ms-またはプレフィックスのサポートに前-moz-は最初のブラウザのバージョン番号を属性。
属性 | |||||
---|---|---|---|---|---|
column-span | 50.0 4.0 -webkit- |
10.0 | Not supported | 9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
属性の定義と指示
列スパンプロパティは、要素がまたがる列数を指定します。
デフォルト: | 1 |
---|---|
継承: | いいえ |
バージョン: | CSS3 |
JavaScriptシンタックス: | オブジェクト.style.columnSpan = "すべて" |
文法
列スパン:1 |すべて。
值 | 描述 |
---|---|
1 | 元素应跨越一列 |
all | 该元素应该跨越所有列 |
より多くの例
列カウント
3列にテキストdiv要素。
カラムギャップ
3列にdiv要素内のテキスト、および30ピクセルの列の間のギャップを指定します。 。
列のルール
幅、スタイル、および色:ルールは、列の間に指定します
関連記事
CSS3チュートリアル: CSS3の複数列