CSS3カラムギャッププロパティ
例
画素列間のギャップ40を指定します。
div要素
{
カラムギャップ:40ピクセル;
-moz-列ギャップ:40ピクセル; / * Firefoxの* /
-webkit-列ギャップ:40ピクセル; / * SafariやChromeの* /
}
{
カラムギャップ:40ピクセル;
-moz-列ギャップ:40ピクセル; / * Firefoxの* /
-webkit-列ギャップ:40ピクセル; / * SafariやChromeの* /
}
»をお試しください
より多くの例については、このページの下で。
ブラウザのサポート
属性 | |||||
---|---|---|---|---|---|
column-gap | 50.0 4.0 -webkit- |
10.0 | 2.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
属性の定義と指示
カラムギャッププロパティとの間の隙間が列を指定します。
注:列間の距離のルールを指定した場合、それは平均がかかります。
デフォルト: | ノーマル |
---|---|
継承: | いいえ |
バージョン: | CSS3 |
JavaScriptシンタックス: | オブジェクト.style.columnGapは= "40ピクセル" |
文法
column-gap:length|normal;
值 | 描述 |
---|---|
length | 一个指定的长度,将设置列之间的差距 |
normal | 指定一个列之间的普通差距。 W3C建议1EM值 |
より多くの例
列カウント
3列にテキストdiv要素。
列のルール
幅、スタイル、色:ルールは、列の間を指定します。
関連記事
CSS3チュートリアル: CSS3の複数列