CSS backgroundrepeat Property (original) (raw)
CSS background-repeat Property
Last Updated : 23 Aug, 2024
The **background-repeat property in CSS is used to repeat the background image both horizontally and vertically. It also decides whether the background-image will be repeated or not.
**Syntax:
background-repeat: repeat|repeat-x|round|space|repeat-y|no-repeat|initial| inherit;
**Default Value: Its default value is initial.
**Property Values:
- **repeat: This property is used to repeat the background image both horizontally and vertically. The last image will be clipped if it is not fit in the browser window.
- **repeat-x: This property is used to repeat the background image horizontally.
- **repeat-y: This property is used to set the background image repeated only vertically.
- **no-repeat: This property does not repeat the background image. It displays the background image only once.
**Example: In this example, we are using the background-repeat: repeat; property.
HTML `
background-repeat propertyGeeksforGeeks
background-repeat: repeat;
`
**Output:
**Example: In this example, we are using the background-repeat: repeat-x; property.
HTML `
background-repeat propertyGeeksforGeeks
background-repeat: repeat-x;
`
**Output:
**Example: In this example, we are using the background-repeat: repeat-y; property.
HTML `
background-repeat propertyGeeksforGeeks
background-repeat: repeat-y;
`
**Output:
**Example: In this example, we are using the background-image: no-repeat; property.
HTML `
background-repeat propertyGeeksforGeeks
background-repeat: no-repeat;
`
**Output:
**Supported Browsers: The browsers supported by _background-repeat property are listed below:
- Google Chrome 1.0 and above
- Edge 12.0 and above
- Firefox 1.0 and above
- Opera 3.5 and above
- Apple Safari 1.0 and above