grid-row-gap

描述

CSS属性 grid-row-gap 表示网格元素中列之间的间隔大小。

取值

  • normal

    表示列之间的间隔宽度。在 多列布局 时默认间隔为1em,其他类型布局默认间隔为 0。

  • <length>

    用长度值来定义列之间的间隔大小。而且 <length> 值必须是非负数的。

  • <percentage>

    用<percentage>(百分比)来定义列之间的间隔大小。同样的,<percentage> 值也必须是非负数的。

语法

/* <length> values */
row-gap: 20px;
row-gap: 1em;
row-gap: 3vmin;
row-gap: 0.5cm;

/* <percentage> value */
row-gap: 10%;

/* Global values */
row-gap: inherit;
row-gap: initial;
row-gap: unset;