段と段との間隔を指定する

書式

column-gap: 間隔

説明

段と段との間隔を指定するにはcolumn-gapを使います。値には間隔を指定します。column-gap : 200pxとすれば段と段との間隔が200ピクセルになります。
ブラウザによってはベンダープレフィックスを指定しないと動作しません。

サンプル サンプルを実行 サンプルをダウンロード

#content {
column-count: 3;
-webkit-column-count: 3;
-moz-column-count: 3;
column-gap : 60px;
-webkit-column-gap : 60px;
-moz-column-gap : 60px;
}
目次に戻る