background-position-y

Support Key: [IE5.5B1]
 Other Color/Background Properties
color
layer-background-color
layer-background-color
background
background-color
 background-image
background-repeat
background-attachment
background-position
background-position-x
= Index DOT Css by Brian Wilson =
  Main Index | Property Index | CSS Support History | Browser History  


   Quick Statistics   
Default Value:
   0%
Applicable Elements:
Block-level and Replaced Elements
Inherit From Parent:
No
Applicable Media:
Visual
HTML Equivalent:
NA
Official Docs:
Microsoft MSDN Reference
What is it?
If a 'background-image' is specified, this property specifies the initial position on the Y-axis of the background image specified in the browser window if it is not continuously tiled in the element's rendering box. A minimum value for this property indicates the upper side of the rendering box, and a maximum value is at the lower side. The X-axis component of the background position can be specified using the 'background', 'background-position' or 'background-position-x' properties.

Allowed Values
[Percentage]
[IE5.5B1]
Type: Calculated
Description:
Percentage is in reference to the dimensions of the box of the current element. Value specifies the percentage on BOTH the image and the canvas and may be negative (eg: 70% indicates the reference point 70% from the top side of the image is to be located at 70% from the top side of the element's rendering box.
[Length]
[IE5.5B1]
Type: Calculated
Description:
Represents an absolute Y-coordinate position for the image and may be negative. Standard Absolute or Relative Length Units may be used here.
top|center|bottom
[IE5.5B1]
Type: Explicit
Description:
Keywords representing Y-axis screen positions for image placement.
Example
Ext/Doc: body { background-image: url(http://www.foo.com/image.gif);
background-repeat: repeat-x;
background-position-y: bottom }
In-Line:  <body STYLE="background-image: url(http://www.foo.com/image.gif);
background-repeat: repeat-x;
background-position-y: bottom">text</body>
Browser Peculiarities

Boring Copyright Stuff....