grid-gap

描述

适用于:网格容器

gap 属性是用来设置网格行与列之间的间隙(gutters),该属性是row-gap 和 column-gap的简写形式。

取值

  • <length>

    网格线之间的间隙宽度。

  • <percentage>

    网格线直接的间隙宽度,相对网格容器的百分比。

语法

/* One <length> value */
gap: 20px;
gap: 1em;
gap: 3vmin;
gap: 0.5cm;

/* One <percentage> value */
gap: 16%;
gap: 100%;

/* Two <length> values */
gap: 20px 10px;
gap: 1em 0.5em;
gap: 3vmin 2vmax;
gap: 0.5cm 2mm;

/* One or two <percentage> values */
gap: 16% 100%;
gap: 21px 82%;

/* calc() values */
gap: calc(10% + 20px);
gap: calc(20px + 10%) calc(10% - 5px);

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