属性 CSS grid-row-gap

Definisi dan penggunaan

Atribut grid-row-gap menentukan ukuran jarak antar baris dalam layout grid.

Lihat juga:

Panduan CSSLayout Grid CSS

Panduan CSSAtribut grip-gap

Panduan CSSAtribut grip-column-gap

Contoh

Atur jarak antar baris menjadi 50 pixel:

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

Coba sendiri

Sintaksis CSS

grid-row-gap: length;

Nilai atribut

Nilai Deskripsi
length Setiap nilai panjang yang sah. Contohnya pixel atau persen. Nilai default adalah 0.

Detil teknis

Nilai default: 0
Turunan: Tidak
Pembuatan animasi: Dukungan. Lihat:Atribut animasi.
Versi: Modul Layout Grid CSS Level 1
Sintaksis JavaScript: object.style.gridRowGap="50px"

Dukungan browser

Angka dalam tabel menunjukkan versi pertama browser yang mendukung sifat ini penuh.

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