column-gap

The column-gap CSS property sets the size of the gap (gutter) between an element’s columns in multi-column, flexible box, and grid layouts.

The column-gap property sets the size of the gap between an element’s columns. The property specifies a fixed-length gutter between items in a container, separating boxes in the container’s inline axis. Negative values are invalid. Column gaps in multi-col containers are 1em wide by default, while no gap is added between grid columns or flex items or rows. See Defining CSS gaps for more information about gaps by layout type.

Percentages are calculated against the content box size of the container element’s inline axis when this size is definite, against 0 otherwise, except in grid layout, for which cyclic percentage sizes resolve against zero for determining intrinsic size contributions but resolve against the element’s content box when laying out the contents. See Specifying gap values as percentages for more information.

Syntax example: column-gap: normal;