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