atur baris auto grid CSS

Definisi dan penggunaan

Atribut grid-auto-rows menetapkan ukuran baris di dalam kontainer kisi.

Atribut ini hanya mempengaruhi baris yang belum diset ukurannya.

Lihat juga:

Panduan CSS:Susunan Grid CSS

Panduan CSS:Atribut grid-auto-columns

Contoh

Atur ukuran baku baris di dalam kisi:

.grid-container {
  display: grid;
  grid-auto-rows: 150px;
}

Coba sendiri

Syarat CSS

grid-auto-rows: auto|max-content|min-content|length;

Nilai atribut

Nilai Deskripsi
auto Nilai baku. Ukuran baris ditentukan oleh ukuran item terbesar di baris.
max-content Atur ukuran setiap baris berdasarkan item terbesar di baris.
min-content Atur ukuran setiap baris berdasarkan item terbesar di baris.
length Atur ukuran baris melalui penggunaan nilai panjang yang sah. LihatSatuan panjang.

Detil teknologi

Nilai baku: auto
Warisan: Tidak
Pembuatan animasi: Didukung. Lihat:Atribut berhubungan dengan animasi.
Versi: Modul Susunan Grid CSS Level 1
Syarat Bahasa JavaScript: object.style.gridAutoRows="60px"

Pendukung peramban

Angka di dalam jadwal menunjukkan versi paling awal peramban yang mendukung sifat ini.

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