CSS ızgara-oto-sütunlar özelliği

Tanım ve kullanım

grid-auto-columns özelliği, ağ konteynerindeki sütun boyutlarını ayarlar.

Bu özellik sadece boyutlandırılmamış sütunları etkiler.

Ayrıca bakınız:

CSS eğitimi:CSS ağ düzeni

CSS referans el kitabı:grid-auto-rows özelliği

Örnek

Ağdaki sütunlara varsayılan boyut ayarlayın:

.grid-container {
  display: grid;
  grid-auto-columns: 50px;
}

Kişisel olarak deneyin

CSS dilbilgisi

grid-auto-columns: auto|max-content|min-content|length;

Özellik değeri

Değer Açıklama
auto Varsayılan değer. Konteyner boyutuna göre sütun boyutları belirlenir.
fit-content()
max-content Sütundaki en büyük öğeye göre her sütunun boyutunu ayarlayın.
min-content Sütundaki en küçük öğeye göre her sütunun boyutunu ayarlayın.
minmax(min.max) min ve max arasında büyük veya eşit olan ve max ile eşit veya küçük olan boyut aralığını ayarlayın.
length Sütun boyutlarını, geçerli uzunluk değerleri kullanarak ayarlayın. BakınızUzunluk birimi.
% Sütun boyutlarını, yüzdelik değer kullanarak ayarlayın.

Teknik ayrıntılar

Varsayılan değer: auto
Devralma: Hayır
Animasyon yapımı: Destekleniyor. Bakınız:Animasyonla ilgili özellikler.
Sürüm: CSS Grid Layout Modülü 1
JavaScript dilbilgisi: object.style.gridAutoColumns="120px"

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