CSS background-repeat attribute example

ArticleDirectory

• Example

Background-repeat -- Define the repeat mode of the background image

• Value: Repeat | repeat-x | repeat-y | no-repeat | inherit
  • Repeat: tile the entire page, left and right
  • Repeat-X: tiled on the X axis, left and right
  • Repeat-Y: tiled up and down on the Y axis
  • No-repeat: No duplicate Images
  • Inherit: Inheritance
• Initial Value: Repeat
• Inheritance: No
• Applicable to: All elements
• Background: background. Repeat: repeated.
• URL: http://www.dreamdu.com/css/property_background_repeat/

Example

Body{Background-Image:Url('list-orange.png ');Background-repeat:No-repeat;}Div{Background-Image:Url('list-orange.png ');Background-repeat:Repeat-y;Background-Position:Right;}
 

An orange dot is displayed in the upper left corner of the screen, and a series of orange dots are displayed on the right side of the div.