CSS background-repeat Property
In CSS, the background-repeat property is used to repeat the background picture horizontally and vertically.
Syntax
Property Values
| Value | Description |
|---|---|
| repeat | Vertically and horizontally, the background picture is repeated. If the last image does not fit, it will be cropped. This is the default setting. |
| repeat-x | The backdrop picture is just repeated horizontally. |
| repeat-y | The background picture is just repeated vertically. |
| no-repeat | The background picture does not appear again. The image will only be displayed once. |
| space | The backdrop picture is repeated as many times as feasible without being clipped. The first and last pictures are pinned to the element's left and right sides, respectively, and whitespace is uniformly divided between the images. |
| round | To fill the space, the background picture is repeated and crushed or stretched (no gaps). |
| initial | This attribute is set to its default value. |
| inherit | This attribute is inherited from its parent element. |
Supported Browsers
| Element | Chrome | Firefox | Safari | Edge / IE | Opera |
|---|---|---|---|---|---|
| background-repeat | 1.0 | 1.0 | 1.0 | 4.0 | 3.5 |