background-position-x

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-y
= 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 X-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 left side of the rendering box, and a maximum value is at the right side. The Y-axis component of the background position can be specified using the 'background', 'background-position' or 'background-position-y' 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: 20% indicates the reference point 20% from the left side of the image is to be located at 20% from the left side of the element's rendering box.
[Length]
[IE5.5B1]
Type: Calculated
Description:
Represents an absolute X-coordinate position for the image and may be negative. Standard Absolute or Relative Length Units may be used here.
left|center|right
[IE5.5B1]
Type: Explicit
Description:
Keywords representing X-axis screen positions for image placement.
Example
Ext/Doc: body { background-image: url(http://www.foo.com/image.gif);
background-repeat: repeat-y;
background-position-x: center }
In-Line:  <body STYLE="background-image: url(http://www.foo.com/image.gif);
background-repeat: repeat-y;
background-position-x: center">text</body>
Browser Peculiarities

Boring Copyright Stuff....