1. Home
  2. CSS3カラムスパンプロパティ

CSS3カラムスパンプロパティ2024 年の最新の入門チュートリアル。このコースでは 例,ブラウザのサポート,属性の定義と指示,文法,より多くの例,関連記事, について学習できます。

CSS3カラムスパンプロパティ

例

すべての設定はH2要素スパン

h2
{
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の複数列

ホットチュートリアル

お問い合わせ

CSS3カラムスパンプロパティ
10/30