CSS 参考手册

CSS @规则(RULES)

のgap属性の使用方法と例-gapCSS属性は、多列要素の各列間の間隔を指定します。列間に1つのcolumncolumn-rule、それは間隔の中央に現れます。

以下の表は、この属性の使用方法とバージョンハイストリと、JavaScriptスクリプト内でのこの属性の使用構文を示しています。

この属性の構文は以下の通りです：

column-gap:　　|　normal　|　initial　|　inherit

以下の例では、column-gap属性。

例

p　{
　　　　-webkit-column-gap:　50px;　/*　Chrome,　Safari,　Opera　*/
　　　　　　　-moz-column-gap:　50px;　/*　Firefox　*/
　　　　　　　　　　　　column-gap:　50px;　
}

以下の表はこの属性の値を説明しています。

値	説明
length	長さ値であり、列間の間隔の大きさを定義します。これは負値ではありませんが、0にすることができます。
normal	ブラウザが定義する列間のデフォルト間隔を使用する指示です。ほとんどのブラウザでは、デフォルト値は1em。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のcolumn-gapの属性値。

column-gap属性のブラウザの互換性について、以下の表の数字はこの属性をサポートするブラウザの最低バージョンを示します；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 2+ ^-moz- Google Chrome 4+ ^-webkit- Internet Explorer 10+ Apple Safari 3.1+ ^-webkit- Opera 11.1+ ^-o-、15+ ^-webkit-

以下のチュートリアルを参照してください：CSS3多列レイアウト。