CSS kılavuz satır sonu Özellik
Örnek
"item1" in 3 satıra yayılmasını sağlayın:
.item1 {
grid-row-end: span 3;
}
Tanım ve Kullanım
Özellik grid-row-end
, bir öğenin kaç satıra yayılacağını veya öğenin hangi satır satırında biteceğini tanımlar (bu sayfanın sonundaki örneğe bakın).
Varsayılan değer: | Oto |
---|---|
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.gridRowEnd="4" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
grid-row-end | 57 | 16 | 52 | 10 | 44 |
CSS Sözdizimi
grid-row-end:
auto|row-line|span n;
Mülk değerleri
Value | Description | Play it |
---|---|---|
auto | Default value. The item will span one row. | |
span n | Specifies the number of rows the item will span. | |
row-line | Specifies on which row to end the display of the item. |
Daha fazla örnek
Örnek
Yayılacak satır sayısı yerine satır satırı değerlerini kullanabilirsiniz:
.item1 {
grid-row-end: 3;
}
İlgili Sayfalar
CSS eğitimi: CSS Izgara Düzeni