CSS/Funktionen/repeat()

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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
Browsersupport caniuse: {{{caniuse}}}
Beispiel
body {
  grid-template-columns: repeat(12, 1fr);
}
Der body erhält ein Raster mit 12 Spalten.


Weblinks

Siehe auch