CSS background repeat Property
CSS background-repeat Property
The background-repeat property is used to set how a background image will be repeated. A background-image is repeated both vertically and horizontally by default.
Default Value:-
Its default value is repeat.
Syntax:-
Its syntax is:- background-repeat: repeat | repeat-x | repeat-y | no-repeat | initial | inherit;
Further Explanation:-
Value | Description |
---|---|
repeat | The background image is repeated both vertically and horizontally. |
repeat-x | The background image is repeated only horizontally |
repeat-y | The background image is repeated only vertically |
no-repeat | The background-image is not repeated. |
space | The background-image is repeated as much as possible without clipping. |
round | The background-image is repeated and squished or stretched to fill the space. |
initial | Sets this property to its default value. |
inherit | Inherits this property from its parent element. |