CSS row-gap özelliği

Tanım ve kullanım

row-gap özelliği, esnek çerçeve veya ağ düzeninde satırlar arasındaki boşluğu belirler.

row-gap özelliği önceki adı grid-row-gap.

Ayrıca bakınız:

CSS eğitim:CSS ağ düzeni

CSS eğitim:CSS esnek çerçeve düzeni

CSS referans el kitabı:gap özelliği

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

Örnek

Örnek 1

Ağ satırları arasındaki 50 piksel boşluğu belirtin:

#grid-container {
  display: grid;
  row-gap: 50px;
}

Kişisel deneyim yapın

Örnek 2: Esnek çerçeve düzeni

Esnek çerçeve düzeninde satır boşluğunu 70px'ye ayarlayın:

#flex-container {
  display: flex;
  row-gap: 70px;
}

Kişisel deneyim yapın

CSS dilbilgisi

row-gap: length|normal|initial|inherit;
Değer Açıklama
length Satırlar arasındaki boşluğu belirli bir uzunluk veya yüzdelik değerle ayarlayın.
normal Varsayılan değer. Satırlar arasındaki normal boşlukları belirtir.
initial Bu özelliği varsayılan değerine ayarlayın. İlgili sayfaya bakın: initial.
inherit Bu özelliği, ana elementinden devralır. İlgili sayfaya bakın: inherit.

Teknik ayrıntılar

Varsayılan değer: normal
Devralma: Hayır
Animasyon yapımı: Desteklenmektedir. Ayrıntılı bilgi için lütfen ilgili özelliklere bakın:Animasyonla ilgili özellikler.
Sürüm: CSS Box Hizalama Modülü 3
JavaScript dilbilgisi: object.style.rowGap="50px"

Tarayıcı desteği

Tablodeki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Düzen Chrome IE / Edge Firefox Safari Opera
Ağ içinde 66 16 61 12 53
Esnek çerçeve içinde 84 84 63 14.1 70