Background Repeat in CSS

Previous Next

Home >> CSS >> CSS Advance >> 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.

Syntax:-

Its syntax is:-

< style >

element{

}

< /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

Box Model Border Width and Height Background Color Background Image Background Repeat Background Attachment List Styling Table Styling Link Styling Cursor Styling Display Property Visibility Property Positioning in CSS Floating Property Overflow Property Z-index Property

All Sections related to 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