CSS grid-row-gap özelliği
- önceki sayfa grid-row-end
- bir sonraki sayfa grid-row-start
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; }
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 |
- önceki sayfa grid-row-end
- bir sonraki sayfa grid-row-start