Utilities for controlling the repetition of an element
Use the bg-repeat utility to repeat the background image both vertically and horizontally:
Use the bg-repeat-x utility to only repeat the background image horizontally:
Use the bg-repeat-y utility to only repeat the background image vertically:
Use the bg-repeat-space utility to repeat the background image without clipping:
Use the bg-repeat-round utility to repeat the background image without clipping, stretching if needed to avoid gaps:
Use the bg-no-repeat utility to prevent a background image from repeating: