最新のWeb開発のチュートリアル
 

Style columnGap Property

<スタイルオブジェクト

列間の40個のピクセルのギャップを指定します。

document.getElementById("myDIV").style.columnGap = "50px";
»それを自分で試してみてください

定義と使用法

columnGapプロパティには、列の間のギャップを指定します。

Note:列間の列のルールがある場合、それはギャップの中央に表示されます。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

columnGapプロパティは、Internet Explorer 10とOperaでサポートされています。

Firefoxは、代替、MozColumnGapプロパティをサポートしています。

SafariとChromeは、代替、WebkitColumnGapプロパティをサポート。

注意:columnGapプロパティは、Internet Explorer 9およびそれ以前のバージョンではサポートされていません。


構文

columnGapプロパティを返します:

object .style.columnGap

columnGapプロパティを設定します。

object .style.columnGap=" プロパティ値
説明
length 列間のギャップを設定し、指定された長さ
normal デフォルト値。 列の間の通常の間隔を指定します。 W3Cは1EMの値を示唆します
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: ノーマル
戻り値: 要素の列ギャップ性を表す文字列、
CSSのバージョン CSS3

関連ページ

CSS3のチュートリアル: CSS3複数列

CSSリファレンス: column-gap property


<スタイルオブジェクト