Atribut grid-auto-rows CSS

Definisi dan penggunaan

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

Atribut ini hanya mempengaruhi baris yang belum diset ukuran.

Lihat pula:

Panduan CSS:Layout Grid CSS

Panduan CSS:Atribut grid-auto-columns

Contoh

Atur ukuran standar baris di dalam kisi:

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

Coba sendiri

Sintaksis CSS

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

Nilai atribut

Nilai Deskripsi
auto Nilai standar. Ukuran baris ditentukan berdasarkan 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 teknis

Nilai standar: auto
Warisan: Tidak
Pembuatan animasi: Dukungan. Lihat:Atribut animasi.
Versi: Modul Layout Grid CSS Level 1
Sintaksis JavaScript: object.style.gridAutoRows="60px"

Dukungan browser

Angka di tabel menunjukkan versi pertama penggunaan yang mendukung atribut ini.

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