CSS grid-row-end özelliği

Tanım ve kullanım

grid-row-end özelliği, projenin kaç satırı kapsayacağını veya projenin hangi satır çizgisinde sona ereceğini belirler.

Sayfa sonundaki örnekleri görmek için lütfen sona gidin.

Ayrıca bakınız:

CSS eğitimi:CSS ağ sistemi

Örnek

Örnek 1

"item1" adlı öğeyi üç satırı kapsayacak şekilde ayarlar:

.item1 {
  grid-row-end: span 3;
}

Deneyin

Örnek 2

Satır çizgisi değerini kullanarak geçilecek satır sayısını değiştirebilirsiniz:

.item1 {
  grid-row-end: 3;
}

Deneyin

CSS dilbilgisi

grid-row-end: auto|row-line|span n;

Özellik değeri

Değer Açıklama
auto Öntanımlı değer. Proje bir satırı kapsar.
span n Projenin ne kadar satırı kapsayacağını belirtir.
column-line Görünümü sonlandıracağı satırı belirler.

Teknik ayrıntılar

Öntanımlı değer: auto
Devralma: Hayır
Animasyon yapımı: Desteklenmektedir. Ayrıca bakınız:Animasyonla ilgili özellikler。
Sürüm: CSS Grid Layout Module Level 1
JavaScript dilbilgisi: object.style.gridRowEnd="4"

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