Warning: Undefined array key "StartingPoint" in /customers/f/f/0/safaribears.de/httpd.www/content.php on line 107 Warning: Cannot modify header information - headers already sent by (output started at /customers/f/f/0/safaribears.de/httpd.www/content.php:107) in /customers/f/f/0/safaribears.de/httpd.www/content.php on line 115 Warning: Undefined variable $WEB_ROOT in /customers/f/f/0/safaribears.de/httpd.www/content.php on line 118 Warning: Cannot modify header information - headers already sent by (output started at /customers/f/f/0/safaribears.de/httpd.www/content.php:107) in /customers/f/f/0/safaribears.de/httpd.www/content.php on line 118 Warning: Undefined array key "HTTP_ACCEPT_LANGUAGE" in /customers/f/f/0/safaribears.de/httpd.www/content.php on line 169 CSS Tutorial - Background - background-repeat

Right now, we can put background-images to everything that's not fast enough on a tree, but there's more. Like, putting Nashville as a background image in a large div would result in this:

That's nice, but the repetition is a bit of a nuisance, no? For that we have background-repeat.

background-repeat:repeat;
background-repeat:repeat-x;
background-repeat:repeat-y;
background-repeat:no-repeat;

The value 'repeat' is the standard behaviour when you set an image with 'background-image', it repeats itself to the right, and downwards.
With the value 'repeat-x' we can set the behaviour to only repeat to the right, like so:

With the value 'repeat-y' we can set the behaviour to only repeat downwards, like so:

And, finally with the value 'no-repeat' we can have the image to only appear once: