最終更新日

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;
参考文献:CSS Multi-column Layout Module外部リンク
HOME