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