row-gap

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

The row-gap property sets the size of the gap between an element’s rows. This gap may contain a visible separator as a gap decoration. If there is a rule between rows, it will appear in the middle of the gap, but has no impact on the gap size. These decorative lines can be added to the otherwise “empty space” by using the row-rule property or rule shorthand.

Defined in CSS gaps, the property can be used in multi-column, flexible box, and grid layouts. The row-gap, along with the column-gap property, can also be set using the gap shorthand property, in that order. The row-gap property replaced the grid-row-gap property, which was limited to CSS grid layouts. Now grid-row-gap is an alias for row-gap.

Syntax example: row-gap: normal;