background-repeat

Support Key: [CSS1|CSS2|CSS2.1] [IE4B2|N4B3|O3.5|S1]
 Other Color/Background Properties
color
layer-background-color
layer-background-color
background
background-color
 background-image
background-attachment
background-position
background-position-x
background-position-y
= Index DOT Css by Brian Wilson =
  Main Index | Property Index | CSS Support History | Browser History  


   Quick Statistics   
Default Value:
   repeat
Applicable Elements:
ALL
Inherit From Parent:
No
Applicable Media:
Visual
HTML Equivalent:
NA
Official Docs:
CSS1: Sect. 5.3.4
CSS2: Sect. 14.2.1, CSS2.1: Sect 14.2.1
What is it?
If a 'background-image' is specified, this value specifies how the image is repeated if the image is not large enough to cover the entire element. All image rendering covers the content and padding areas of the element's box.

Allowed Values
inherit
[CSS2|CSS2.1] [N6|O4|S1]
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
repeat
[CSS1|CSS2|CSS2.1] [IE4B2|N4B3|O3.5|S1]
Type: Explicit
Description:
Image is repeated (tiled) both vertically and horizontally.
repeat-x
[CSS1|CSS2|CSS2.1] [IE4B2|N4B3|O3.5|S1]
Type: Explicit
Description:
Image is repeated (tiled) horizontally only (to the left and right) of the originating position.
repeat-y
[CSS1|CSS2|CSS2.1] [IE4B2|N4B3|O3.5|S1]
Type: Explicit
Description:
Image is repeated (tiled) vertically only (upwards and downwards) of the originating position.
no-repeat
[CSS1|CSS2|CSS2.1] [IE4B2|N4B3|O3.5|S1]
Type: Explicit
Description:
Image is not repeated. Only a single occurrence of the background image behind the current element is used, at the specified position.
Example
Ext/Doc: body { background-image: url(http://www.foo.com/image.gif);
background-repeat: repeat-y }
In-Line:  <body STYLE="background-image: url(http://www.foo.com/image.gif);
background-repeat: repeat-y">text</body>
Browser Peculiarities

Boring Copyright Stuff....