CSS grid-row özelliği

Tanım ve Kullanım

grid-row özelliği, ağır项目的 boyutunu ve ağır yapılandırma içindeki konumunu belirler; bu, aşağıdaki özelliklerin kısaltma özelliğidir:

Ayrıca Bakınız:

CSS Eğitimi:CSS Ağır Yapılandırma

Örnek

Örnek 1

"item1" öğesini satır 1'den başlatıp iki satırı kapsayacak şekilde yapar:

.item1 {
  grid-row: 1 / span 2;
}

Kişisel Deneyim

Örnek 2

Satır hattı değerlerini kullanarak kapsayacağı satır sayısını değiştirebilirsiniz:

.item1 {
  grid-row: 1 / 3;
}

Kişisel Deneyim

CSS Dilbilgisi

grid-row: grid-row-start / grid-row-end;

Özellik Değeri

Değer Açıklama
grid-row-start Projesi gösterilmeye başlanacak satırı belirler.
grid-row-end Projesi gösterilen satır hattında durdurulmasını veya kaç satırı kapsayacağını belirler.

Teknik Ayrıntılar

Varsayılan Değer: auto / auto
Devralma: Hayır
Animasyon Yapımı: Desteği Var. İlgili Olarak Gözatın:Animasyon İle İlgili Özellikler.
Sürüm: CSS Grid Layout Modülü 1
JavaScript Dilbilgisi: object.style.gridRow="2 / span 2"

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