CSS/Funktionen/repeat()

Die CSS-Funktion repeat() beschreibt einen Teil einer Linienliste (track list), der dann wiederholt erzeugt wird. Linie oder track ist im Grid-Layout der Oberbegriff für Zeilen und Spalten.

anwendbar auf

• grid-template-columns
• grid-template-rows

Beispiel

body {
  grid-template-columns: repeat(12, 1fr);
}

Der body erhält ein Raster mit 12 Spalten.

Beachten Sie: Die Verwendung von flex-size Angaben zusammen mit auto-fill oder auto-fit führt dazu, dass die entsprechende CSS-Eigenschaft vollständig ignoriert wird.

Siehe auch

• CSS/Tutorials/Grid/Grid-Container repeat() - kürzer und übersichtlicher
• Benannte Linien - Mehrere Rasterlinien mit dem gleichen Namen

Weblinks

• CSSWG.org: Repeating Rows and Columns: the repeat() notation
• MDN: repeat()