Background

Background Repeat

Utilities for controlling the repetition of an element's background image.

Basic usage

Repeat

Use bg-repeat to repeat the background image both vertically and horizontally.

<div className="**bg-repeat** ..." style="background-image: url(...)"></div>

No Repeat

Use bg-no-repeat when you don't want to repeat the background image.

<div className="**bg-no-repeat** bg-center ..." style="background-image: url(...)"></div>

Repeat Horizontally

Use bg-repeat-x to repeat the background image only horizontally.

<div className="**bg-repeat-x** bg-center ..." style="background-image: url(...)"></div>

Repeat Vertically

Use bg-repeat-y to repeat the background image only vertically.

<div className="**bg-repeat-y** bg-center ..." style="background-image: url(...)"></div>