CSS/Eigenschaften/grid-auto-flow

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft grid-auto-flow legt fest, wie sich autoplaced Inhalte des Rasters im Grid verteilen.

erlaubte Werte
  • row
  • column
  • dense: optionaler Zusatzwert, der einen auto-placement algorithm zum dichteren Packen der Grid Items verwendet
  • Vererbung steuernde Werte inherit, initial, unset und revert
  • Defaultwert: * row
anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
Vererbung nein
animierbar nein
Beispiel
body {
  grid-auto-flow: row dense; 
}
Durch das Schlüsselwort dense wird der Algorithmus so geändert, dass die vorher leeren Bereiche durch im Markup hinten stehende Elemente aufgefüllt werden.

Weblinks

Siehe auch