CSS gap property

Property values

row-gap

normalDefault

It represents 0px gap between rows.

row-gap: normal;

Try it { }

+ve length

30

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

row-gap: 30px;

Try it { }

+ve percentage

30

percentage value adds respective gap between the rows. The following demo represents 30% gap between the rows.

row-gap: 30%;

Try it { }

column-gap

normalDefault

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

column-gap: normal;

Try it { }

+ve length

40

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

column-gap: 40px;

Try it { }

+ve percentage

40

percentage value defines space between two columns. 40% means there is 40% space between two columns.

column-gap: 40%;

Try it { }