Atribut grid-row-end CSS

Definisi dan penggunaan

Properti grid-row-end menentukan berapa baris yang akan dilintasi item, atau di garis baris mana item akan berakhir.

Lihat contoh di akhir halaman.

Lihat juga:

Panduan CSS:Layout grid CSS

Contoh

Contoh 1

Lakukan "item1" melintasi tiga baris:

.item1 {
  grid-row-end: span 3;
}

Coba sendiri

Contoh 2

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

.item1 {
  grid-row-end: 3;
}

Coba sendiri

Sintaksis CSS

grid-row-end: auto|row-line|span n;

Nilai properti

Nilai Deskripsi
auto Nilai default. Item akan melintasi satu baris.
span n Tentukan berapa baris yang akan dilintasi item.
column-line Tentukan baris berakhir untuk menampilkan item.

Detil teknis

Nilai default: auto
Warisan: Tidak
Pembuatan animasi: Dukungan. Lihat:Properti yang berhubungan dengan animasi.
Versi: Modul Layout Grid CSS Level 1
Sintaksis JavaScript: object.style.gridRowEnd="4"

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