CSS grid-auto-columnsEigenschaft

Beispiel

Legen Sie die Standardgröße von Spalten im Grid fest::

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

Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft unterstützt.

Eigenschaft
grid-auto-columns	57	16	52	10	44

Die Eigenschaft grid-auto-columns wird verwendet, um die Standardgröße von Spalten in einem Grid-Container festzulegen.

Diese Eigenschaft wirkt sich nur auf Spalten ohne festgelegte Größe aus.

Standardwert:	auto
Vererbt:	nein
animation:	Supported.Mehr erfahren überanimierbar Probieren Sie es selbst aus
Version:	CSS Grid Layout Module Level 1
JavaScript-Syntax:	object.style.gridAutoColumns="120px" Probieren Sie es selbst aus

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

Wert	Beschreibung
auto	Standardwert. Die Größe der Spalten wird durch die Größe des Containers bestimmt.
fit-content()	Entspricht der Formel min(max-content, max(auto, argument)), ähnlich wie auto von Compute (d. h. minmax(auto, max-content))
max-content	Legt die Größe jeder Spalte anhand des größten Grid-Elements in der Spalte fest.
min-content	Legt die Größe jeder Spalte anhand des kleinsten Grid-Elements in der Spalte fest.
minmax(min.max)	Legt die Größe so fest, dass sie größer oder gleich min und kleiner oder gleich max ist.
length	Legt die Größe der Spalten mithilfe eines benutzerdefinierten Längenwerts fest.Lesen Sie mehr über Längeneinheiten
%	Prozentwerte verwenden, um die Größe von Spalten festzulegen