CSS grid-gap 属性
定义和用法
grid-gap
属性定义网格布局中行与列之间间隙的尺寸,它是以下属性的简写属性:
默认值: | 0 0 |
---|---|
继承性: | no |
支持动画: | yes. 阅读有关动画的信息 测试一下 |
版本: | CSS Grid Layout Module Level 1 |
JavaScript 语法: | object.style.gridGap="50px 100px" 测试一下 |
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
属性 | |||||
---|---|---|---|---|---|
grid-gap | 57 | 16 | 52 | 10 | 44 |
语法
grid-gap: grid-row-gap grid-column-gap;
属性值
值 | 描述 | 试一试 |
---|---|---|
grid-row-gap | 设置网格布局中行间隙的尺寸。默认值为 0。 | |
grid-column-gap | 设置列间隙的尺寸。默认值为 0。 | 亲自试一试 » |
更多实例
相关页面
CSS 教程: CSS 网格布局
CSS 参考手册: grip-row-gap 属性
CSS 参考手册: grip-column-gap property