属性 CSS grid-row-end

Definisi dan penggunaan

Atribut grid-row-end menentukan berapa baris item akan melintasi, atau di garis baris mana item akan berakhir.

Lihat contoh di belakang halaman.

Lihat pula:

Panduan CSS:Layout Grid CSS

Contoh

Contoh 1

Membuat "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 atribut

Nilai Deskripsi
auto Nilai baku. Item akan melintasi satu baris.
span n Tentukan berapa baris item akan melintasi.
column-line Tentukan baris mana yang berakhir tampilan item.

Detil teknis

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

Dukungan browser

Angka di dalam tabel menunjukkan versi paling awal browser yang mendukung sifat ini.

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