CSS grid-row-boşluk Özellik
Örnek
Satırlar arasındaki boşluğu 50 piksele ayarlayın:
.grid-container {
grid-row-gap: 50px;
}
Tanım ve Kullanım
Özellik grid-row-gap
, bir ızgara düzeninde satırlar arasındaki boşluğun boyutunu tanımlar.
Not: Bu özellik CSS3'te yeniden adlandırıldı row-gap
.
Varsayılan değer: | 0 |
---|---|
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.gridRowGap="50px" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
grid-row-gap | 57 | 16 | 52 | 10 | 44 |
CSS Sözdizimi
grid-row-gap: length;
Mülk değerleri
Value | Description | Play it |
---|---|---|
length | Any legal length value, like px or %. 0 is the default value |
İlgili Sayfalar
CSS eğitimi: CSS Izgara Düzeni
CSS referansı: Izgara aralığı özelliği
CSS referansı: grid-column-gap özelliği