CSS grid-row-gap 屬性

定義和用法

grid-row-gap 屬性定義網格布局中行間隙的尺寸。

另請參閱：

CSS 教程：CSS 網格布局

CSS 參考手冊：grip-gap 屬性

CSS 參考手冊：grip-column-gap 屬性

實例

將行間隙設置為 50 像素：

.grid-container {
  grid-row-gap: 50px;
}

親自試一試

CSS 語法

grid-row-gap: length;

屬性值

值 描述
length 任何合法的長度值。比如像素或百分百。默認值為 0。

技術細節

默認值： 0
繼承： 否
動畫制作： 支持。請參閱：動畫相關屬性。
版本： CSS Grid Layout Module Level 1
JavaScript 語法： object.style.gridRowGap="50px"

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44