Atribut grid-row-gap CSS
- halaman sebelumnya grid-row-end
- halaman berikutnya grid-row-start
Definisi dan penggunaan
Properti grid-row-gap menentukan ukuran jarak antar baris dalam layout grid.
Lihat juga:
Panduan CSS:Layout Grid CSS
Panduan referensi CSS:Properti grip-gap
Panduan referensi CSS:Properti grip-column-gap
Contoh
Atur jarak antar baris menjadi 50 pixel:
.grid-container {
grid-row-gap: 50px;
}
Syntaks CSS
grid-row-gap: length;
Nilai properti
| Nilai | Deskripsi |
|---|---|
| length | Setiap nilai panjang yang sah. Misalnya pixel atau persen. Nilai default adalah 0. |
Detil teknis
| Nilai default: | 0 |
|---|---|
| Turunan: | Tidak |
| Pembuatan animasi: | Didukung. Lihat:Properti animasi. |
| Versi: | Modul Layout Grid CSS Level 1 |
| Syntaks JavaScript: | object.style.gridRowGap="50px" |
Dukungan browser
Angka di tabel menunjukkan versi pertama browser yang mendukung properti ini penuh.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- halaman sebelumnya grid-row-end
- halaman berikutnya grid-row-start
