CSS/Funktionen/repeat()

Die repeat()-Funktion beschreibt einen Teil einer track list, der dann wiederholt erzeugt wird..

Parameter	Syntax repeat( [ <positive-integer> auto-fill auto-fit ] , <track-list> ) <positive-integer>: ganzzahlige Zahl, die Anzahl der Wiederholungen angibt auto-fill: Anstelle einer festen Angabe richtet sich die Anzahl der Spalten nach dem verfügbaren Platz auto-fit <track-list>: Festlegung einer Spalte oder Zeile - folgende Werte und Funktionen sind möglich: nicht-negative Längenangabe oder nicht-negativer Prozentwert <flex>: flexibler Bruchteil des Gesamtraums, ausgedrückt mit der Einheit fr max-content: richtet sich nach dem größten Inhaltsbeitrag aller Rasterelemente min-content: richtet sich nach dem kleinstmöglichen Inhaltsbeitrag aller Rasterelemente auto: entspricht im Maximum max-content - als Minimum wird die größte Minimalgröße (as specified by min-width/min-height) der Rasterelemente verwendet
anwendbar auf	* grid-template-columns grid-template-rows
Browsersupport	caniuse: {{{caniuse}}}

Beispiel

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

Der body erhält ein Raster mit 12 Spalten.

Weblinks

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

Siehe auch

• CSS/Tutorials/Grid/Grid-Container repeat() - kürzer und übersichtlicher