CSS column-gap property


CSS column-gap defines the space between two columns. And column-rule will appear in the middle (if present) of gap.

Negative values are not allowed.


column-gap : normal | +ve length

Property values


It defines normal length i.e. 1em gap between columns.

column-gap: normal;

+ve length

+ve length defines space between two columns. 50px means there is 50px space between two columns.

column-gap: 50px;

Applicable to

It applies to multi-column container.

#CSS digger
Was this article helpful?

column count represents the number of columns and distributes the content among those columns