CSS background-repeat

The CSS background-repeat property is used to specify if a background image repeats (tiles) or not, and how it should repeat (hence css "background repeat").

Syntax:	background-repeat: <value>
Possible Values:	repeat (background repeats both horizontally and vertically) repeat-x (background repeats horizontally only) repeat-y (background repeats vertically only) no-repeat (background is not repeated) inherit
Initial Value:	Repeat
Applies to:	All elements
Inherited:	No
Media:	Visual
Example	background-repeat:no-repeat
Try it yourself!	<style type="text/css"> .imageRepeatBox { width:200; height:200; font:14pt/24pt; background-image:url("/pix/smile.gif"); background-repeat:no-repeat; } </style> <div class="imageRepeatBox"> <p> This div element has a background-image with background-repeat set to no-repeat. You can also try using repeat-x or repeat-y. To position the image, see <a href="/css/properties/css_background-position.cfm">background-position</a></p> </div>