CSS grid-column-gap özelliği

Tanım ve kullanım

grid-column-gap özelliği, ağ çerçevesinde sütun boşluğunun boyutunu tanımlar.

Ayrıca bakınız:

CSS eğitimi:CSS ağ çerçevesi

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

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

Örnek

Sütun boşluğunu 50 pixel olarak ayarlayın:

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

Kişisel olarak deneyin

CSS dilbilgisi

grid-column-gap: length;

Özellik değeri

Değer Açıklama
length Herhangi bir geçerli uzunluk değeri, örneğin pixel veya yüzdelik. Öntanımlı değeri 0'dır. BakınızUzunluk birimi.

Teknik ayrıntılar

Öntanımlı değer: 0
Devralma: Hayır
Animasyon yapımı: Destekleniyor. Ayrıca bakınız:Animasyonla ilgili özellikler.
Sürüm: CSS Grid Layout Modülü 1
JavaScript dilbilgisi: object.style.gridColumnGap="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