CSS/Eigenschaften/grid-auto-columns

Die Eigenschaft grid-auto-columns legt Anzahl und Größe von impliziert erzeugten Spalten fest (column track)..

erlaubte Werte	positive Längenangabe oder Prozentwert <flex>: Angabe eines nicht-negativen Bruchteils mit der Einheit fr (Fraction: engl. für Bruch) max-content Schlüsselwort, das den größten Inhaltsbeitrag des tracks kennzeichnet min-content Schlüsselwort, das den geringsten Inhaltsbeitrag des tracks kennzeichnet die Funktion minmax(min, max), die Mindest- und Maximalangaben angibt. auto, die sich am minimalen Bedarf des vorhandenen Inhalts ausrichtet die Funktion fit-content(<länge> | <prozentwert> ] ) Vererbung steuernde Werte inherit, initial, unset und revert Defaultwert: * none
anwendbar auf	alle Elemente (Unterschied Tag Element Attribut)
Browsersupport	Details: caniuse.com
Vererbung	nein
animierbar	nein

Beispiel

body {
  grid-auto-columns: 1fr 2fr 1fr; 
}

Der body enthält 3 Spalten, von denen die mittlere aber doppelt so breit wie die beiden äußeren ist.

Beachten Sie: Für die Browser IE10 + 11 benötigen Sie den vendorprefix -ms-.
Auch ohne Angabe dieser Eigenschaft verteilt sich der vorhandene Inhalt über das Raster, indem er die Zeilen Spalte für Spalte füllt.

Weblinks

• Spezifikation (W3C): grid-auto-columns

Siehe auch

• CSS/Tutorials/Grid/Grid-Container#Erzeugen von Spalten und Zeilen