CSS Intro

CSS Intro Quiz

CSS Intro Exercise

CSS Basic

CSS Basic Quiz

CSS Basic Exercise

CSS Advance

CSS Advance Quiz

CSS Advance Exercise


CSS3 Quiz

CSS3 Exercise

CSS Properties

CSS Functions

CSS Selectors

Background Repeat in CSS

The background-repeat Property



The background-repeat property specifies how background images are repeated. A background image can be repeated along the x-axis or the y-axis or it can be both axes, or not repeated at all. Setting the property value to inherit, will inherit the property of its parent.




Its syntax is:-

< style >


background-repeat: repeat| repeat-x| repeat-y| no-repeat| initial| inherit;


< /style >


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.

Code Explanation

All Tutorials related to CSS Advance

All Sections related to CSS