row-gap property

Description

CSS row-gap property represents the gap between two adjacent rows. We take an example of a grid that contains three grid items.

Syntax

row-gap : normal | length

Property values

normalDefault

It represents 0px gap between rows.

row-gap: normal;

length

length value adds respective gap between the rows. The following demo represents 30px gap between the rows.

row-gap: 30px;

Applicable to

It applies to multi-column containers, flex containers, grid containers.


#CSS digger
Was this article helpful?

 
item1
item2
item3
×

Ctrl+D