CSS grid-column-gap Kullanımı

42 Okunma CSS

CSS "grid-column-gap" özelliği, CSS Grid layout sisteminde grid sütunları arasındaki boşluk miktarını belirler. Bu özellik, bir grid'in tasarımında sütunlar arasındaki boşlukları kontrol etmek için kullanılabilir.

Aşağıdaki örneği inceleyelim.. 

.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 20px;
}

Bu örnekte, 3 sütunlu bir grid oluşturulmuş ve "grid-column-gap" özelliği ile sütunlar arasındaki boşluk "20px" olarak belirlenmiştir.

CSS

İlginizi Çekebilir

CSS white-space Kullanımı

CSS flex-shrink Kullanımı

CSS color-profile Kullanımı

CSS cursor Kullanımı

CSS stroke-width Kullanımı