CSS grid-column-gap Kullanımı

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 border-image-slice Kullanımı

CSS text-orientation Kullanımı

CSS text-size-adjust Kullanımı

CSS font-style Kullanımı

CSS color-profile Kullanımı