CSS column-gap property

Description

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.

Syntax

column-gap : normal | +ve length

Property values

normalDefault

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
×

Ctrl+D