CSS grid-row-gap özelliği

Tanım ve kullanım

grid-row-gap özelliği, ağ çerçevesinde satır aralığı boyutunu tanımlar.

Ayrıca bkz:

CSS dersleri:CSS ağ çerçevesi

CSS referans el kitabı:grip-gap özelliği

CSS referans el kitabı:grip-column-gap özelliği

Örnek

Satır aralığını 50 piksel olarak ayarlayın:

.grid-container {
  grid-row-gap: 50px;
}

Kişisel olarak deneyin

CSS dilbilgisi

grid-row-gap: length;

Özellik değeri

Değer Açıklama
length Herhangi bir geçerli uzunluk değeri. Örneğin piksel veya yüzdelik. Varsayılan değeri 0'dır.

Teknik ayrıntılar

Varsayılan değer: 0
Devralma: Hayır
Animasyon yapımı: Desteği var. Bakınız:Animasyonla ilgili özellikler.
Sürüm: CSS Grid Layout Module Level 1
JavaScript dilbilgisi: object.style.gridRowGap="50px"

Tarayıcı desteği

Tablodaki 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