CSS

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

CSS3 Quiz

CSS3 Exercise

CSS Properties

CSS Functions

CSS Selectors

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.

Code Explanation

All Tutorials related to CSS Properties

All Sections related to CSS