Properti baris kisi CSS
Contoh
Buat "item1" mulai dari baris 1 dan rentangkan 2 baris:
.item1 {
grid-row: 1 / span 2;
}
Definisi dan Penggunaan
Properti grid-row
menentukan ukuran dan lokasi item kisi dalam tata letak kisi, dan merupakan properti singkatan untuk properti berikut::
Nilai bawaan: | mobil / mobil |
---|---|
Diwarisi: | tidak |
Animasi: | Ya. Baca tentang animasi |
Versi: kapan: | Modul Tata Letak Grid CSS Level 1 |
Sintaks JavaScript: | objek .style.gridRow="2 / rentang 2" |
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
grid-row | 57 | 16 | 52 | 10 | 44 |
Sintaks CSS
grid-row: grid-row-start /
grid-row-end;
Nilai properti
Value | Description |
---|---|
grid-row-start | Specifies on which row to start displaying the item. |
grid-row-end | Specifies on which row-line to stop displaying the item, or how many rows to span. |
Lebih Banyak Contoh
Contoh
Anda dapat menggunakan nilai baris-baris alih-alih jumlah baris untuk direntangkan:
.item1 {
grid-row: 1 / 3;
}
Halaman Terkait
Tutorial CSS: Tata Letak Kotak CSS