Sifat row-gap CSS

Definisi dan penggunaan

Atribut row-gap menentukan jarak antara baris dalam tata letak kotak gerak atau grid.

Atribut row-gap sebelumnya disebut grid-row-gap.

Tentukan jarak 50 pixel antara baris grid:

#grid-container {
  display: grid;
  row-gap: 50px;
}

Atur jarak antara baris dalam tata letak kotak gerak menjadi 70px:

#flex-container {
  display: flex;
  row-gap: 70px;
}

row-gap: length|normal|initial|inherit;

Nilai	Deskripsi
length	Atur jarak antara baris dengan panjang yang ditentukan atau persen.
normal	Nilai baku. Menentukan jarak normal antara baris.
initial	Atur atribut ini ke nilai baku. Lihat initial.
inherit	Mewarisi atribut ini dari elemen induk. Lihat inherit.

Nilai baku:	normal
Mewarisi:	Tidak
Pembuatan animasi:	Didukung. Lihat atribut yang berbeda. Lihat:Atribut berhubungan dengan animasi.
Versi:	Modul Penyejajaran Kotak CSS Level 3
Sintaksis JavaScript:	object.style.rowGap="50px"

angka di dalam tabel menunjukkan versi pertama browser yang mendukung atribut ini.

layout	Chrome	IE / Edge	Firefox	Safari	Opera
dalam grid	66	16	61	12	53
dalam kotak gerak	84	84	63	14.1	70