CSS ızgara-oto-satırlar özelliği

Tanım ve kullanım

grid-auto-rows özelliği, ağ konteynerindeki satırlara boyut ayarlar.

Bu özellik sadece boyutlandırılmamış satırları etkilemektedir.

Ayrıca bakınız:

CSS eğitim:CSS ağ düzeni

CSS referans el kitabı:grid-auto-columns özelliği

Örnek

Ağdaki satırların varsayılan boyutunu ayarlayın:

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

Kişisel olarak deneyin

CSS dilbilgisi

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

Özellik değeri

Değer Açıklama
auto Varsayılan değer. Satırdaki en büyük öğenin boyutuna göre satır boyutu belirlenir.
max-content Satırdaki en büyük öğenin boyutuna göre her satırın boyutunu ayarlayın.
min-content Satırdaki en büyük öğenin boyutuna göre her satırın boyutunu ayarlayın.
length Satır boyutunu ayarlamak için geçerli uzunluk değerlerini kullanarak satırları ayarlayın. BakınızUzunluk birimi.

Teknik ayrıntılar

Varsayılan değer: auto
Geçiş: Hayır
Animasyon yapımı: Desteklenmektedir. Bakınız:Animasyonla ilgili özellikler.
Sürüm: CSS Grid Layout Modülü 1
JavaScript dilbilgisi: object.style.gridAutoRows="60px"

Tarayıcı desteği

Tablo içindeki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

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