column-gap

概要

多段要素として表示されるよう指定されたブロック要素の段組みの間隔を設定するために column-gap CSS プロパティが使用できます。

構文

<length> | normal

値

<length>

段と段の間隔は、負の値でなければ、どの CSS <length> 単位でも指定できます。</length>

normal

デフォルト値。ユーザエージェントに依存します。Firefox のようなデスクトップブラウザでは、この値は 1em です。

例

.content-box {
  border: 10px solid #000000;
  column-count: 3;
  column-gap: 20px;
}

仕様

ブラウザ実装状況

[*] Firefox 3 (Gecko 1.9) 以前は、normal キーワードに関連づけられたデフォルト値は 1em ではなく 0 でした。

関連情報

• CSS リファレンス