備忘録的プログラミングリファレンス

grid-row-gapプロパティ

 grid-row-gapプロパティは、display:grid;によるエレメント(グリッドコンテナ)の子エレメント(グリッドアイテム)どうしのギャップ高さを指定するプロパティです。
 grid-row-gapプロパティはグリッドコンテナに指定します。

グリッドアイテム間のギャップをグリッドコンテナ高さの10%に
.grid_container{
	display: grid;
	grid-row-gap: 10%;
}

構文(Syntax)

CSS

grid-row-gap: length;

DOM(JavaScript)

値の取得
String = object.style.gridRowGap;
値の設定
object.style.gridRowGap="length";

Values

Value摘要
0初期値(default値)
lengthCSS長さの単位

備考(Remarks)

初期値(Default value)0
継承(Inherited)No
CSS AnimationYes