FREE Hosting!

With every domain name you register with ZappyHost, you get FREE hosting.

$1.99 Domain Names

With every new non-domain purchase thru ZappyHost, you get a domain name for only $1.99.

CSS background-repeat

Also see the full, alphabetical list of CSS properties

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:300; 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>

Also see all CSS properties listed alphabetically

Enjoy this website?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/css/properties/css_background-repeat.cfm">CSS background-repeat</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites