CSS background-repeat Property

In CSS, the background-repeat property is used to repeat the background picture horizontally and vertically.




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