例
列間の40個のピクセルのギャップを指定します。
document.getElementById("myDIV").style.columnGap = "50px";
»それを自分で試してみてください 定義と使用法
columnGapプロパティには、列の間のギャップを指定します。
Note:列間の列のルールがある場合、それはギャップの中央に表示されます。
ブラウザのサポート
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
<スタイルオブジェクト