プログラミング

column-gapでカラムの間隔を指定する【CSS】

column-gapプロパティは、カラムなど段組みの間隔を指定するプロパティです。

{column-gap: 間隔;}

ちなみにカラムの数や幅はcolumnsプロパティで指定できます。

関連記事
columnsでカラムの列幅と列数をまとめて指定【CSS】

column-gapの値の指定方法

column-gapプロパティでは、以下のような値を指定できます。

normal

normalを指定すると、段組みの間隔は指定されません。

数値

段組みの間隔をpxなどの単位付き数値で指定しますが、負の値は指定できません。

関連記事
CSSにおける長さ・大きさ・角度・時間の単位について【CSS】

この文章はcolumn-countプロパティで3を指定しているため、カラム(段組みの列数)は3列になっています。また、column-gapプロパティで段組みの間隔に10pxを指定しています。

Leave a Comment