repeat css

1/*infinite to loop*/
2animation-iteration-count: number|infinite|initial|inherit;

1.image {
2 background-repeat: no-repeat;
3}

1repeat(/*Number of repeats*/, /*Code to be repeated*/)
2
3.gridContainer {
4	grid-template-columns: repeat(4, 100px); /*Creates 4 columns, each 100px in width*/
5	grid-template-rows: repeat(2, 250px); /*Creates 2 rows, each 250px in height*/
6}

1/* <track-repeat> values */
2repeat(4, 1fr)
3repeat(4, [col-start] 250px [col-end])
4repeat(4, [col-start] 60% [col-end])
5repeat(4, [col-start] 1fr [col-end])
6repeat(4, [col-start] min-content [col-end])
7repeat(4, [col-start] max-content [col-end])
8repeat(4, [col-start] auto [col-end])
9repeat(4, [col-start] minmax(100px, 1fr) [col-end])
10repeat(4, [col-start] fit-content(200px) [col-end])
11repeat(4, 10px [col-start] 30% [col-middle] auto [col-end])
12repeat(4, [col-start] min-content [col-middle] max-content [col-end])
13
14/* <auto-repeat> values */
15repeat(auto-fill, 250px)
16repeat(auto-fit, 250px)
17repeat(auto-fill, [col-start] 250px [col-end])
18repeat(auto-fit, [col-start] 250px [col-end])
19repeat(auto-fill, [col-start] minmax(100px, 1fr) [col-end])
20repeat(auto-fill, 10px [col-start] 30% [col-middle] 400px [col-end])
21
22/* <fixed-repeat> values */
23repeat(4, 250px)
24repeat(4, [col-start] 250px [col-end])
25repeat(4, [col-start] 60% [col-end])
26repeat(4, [col-start] minmax(100px, 1fr) [col-end])
27repeat(4, [col-start] fit-content(200px) [col-end])
28repeat(4, 10px [col-start] 30% [col-middle] 400px [col-end])
29