CSS ızgara satırı Özellik
Örnek
"item1" in 1. satırdan başlamasını ve 2 satıra yayılmasını sağlayın:
.item1 {
grid-row: 1 / span 2;
}
Tanım ve Kullanım
Özellik grid-row
, bir ızgara öğesinin boyutunu ve konumunu bir ızgara düzeninde belirtir ve aşağıdaki özellikler için kestirme bir özelliktir:
Varsayılan değer: | araba araba |
---|---|
Miras: | Hayır |
canlandırılabilir: | Evet. Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS Izgara Düzen Modülü Seviye 1 |
JavaScript sözdizimi: | nesne .style.gridRow="2 / yayılma 2" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
grid-row | 57 | 16 | 52 | 10 | 44 |
CSS Sözdizimi
grid-row: grid-row-start /
grid-row-end;
Mülk değerleri
Value | Description |
---|---|
grid-row-start | Specifies on which row to start displaying the item. |
grid-row-end | Specifies on which row-line to stop displaying the item, or how many rows to span. |
Daha fazla örnek
Örnek
Yayılacak satır sayısı yerine satır satırı değerlerini kullanabilirsiniz:
.item1 {
grid-row: 1 / 3;
}
İlgili Sayfalar
CSS eğitimi: CSS Izgara Düzeni