grid-column-gap

描述

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

取值

  • normal

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

  • <length>

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

  • <percentage>

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

语法

/* 关键字值 */
column-gap: normal;

/* 长度数值 */
column-gap: 3px;
column-gap: 2.5em;

/* 百分比数值 */
column-gap: 3%;

/* 全局数值 */
column-gap: inherit;
column-gap: initial;
column-gap: unset;