Sifat CSS grid-row

Definisi dan penggunaan

Atribut grid-row menentukan saiz objek grid serta posisinya dalam susunatur grid, ia adalah singkatan untuk atribut berikut:

Lihat juga:

Panduan CSS:Susunatur Grid CSS

Contoh

Contoh 1

Membuat "item1" dimulai di baris 1 dan melintasi dua baris:

.item1 {
  grid-row: 1 / span 2;
}

Coba sendiri

Contoh 2

Anda dapat menggunakan nilai baris untuk menggantikan jumlah baris yang akan dilintasi:

.item1 {
  grid-row: 1 / 3;
}

Coba sendiri

Syarat CSS

grid-row: grid-row-start / grid-row-end;

Nilai atribut

Nilai Keterangan
grid-row-start Menentukan baris mana objek akan dipaparkan.
grid-row-end Menentukan di mana objek berhenti dipaparkan, atau melintasi berapa banyak baris.

Detil teknikal

Nilai lalai: auto / auto
Warisan: Tidak
Pembuatan animasi: Didukung. Lihat:Atribut berkaitan animasi。
Versi: Modul Susunatur Grid CSS Level 1
Syarat JavaScript: object.style.gridRow="2 / span 2"

Pendukung pereka

Bilangan di dalam tabel menunjukkan versi pereka paling awal yang sepenuhnya mendukung sifat ini.

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