最終更新日 2021年6月18日

column-gapプロパティ

column-gapは、段組みの段と段の間隔を指定するプロパティです。

下記の　　の部分が、column-gapです。

カラムモデル

段と段の間の境界線（の部分）を指定する場合は、column-ruleを使用します。

CSS3での変更点

・column-gapは、CSS3から新しく追加されたプロパティです。

初期値	適用先	継承
normal	段組された要素	なし

値	説明
normal	ブラウザの設定に従います。通常、1emの間隔が空きます。（初期値）
長さの値	数値に「px」「em」「ex」などの単位をつけて指定します。

サンプルコード

column-gap: normal;
column-gap: 10px;
column-gap: 1.2em;

ザマワンにエントリーしました！

『ザマワン』は「座間ワンミニッツ」の略称であり、座間市の魅力を１分にギュッと詰め込む動画コンテストです。