From CDOT Wiki
Revision as of 15:06, 13 December 2006 by Cbguy1 (talk | contribs) (See Also)
Jump to: navigation, search


Establish the location of the left (y) with the background-image attribute.

Inherited: No
Initial Value 0%


background-position-x: [percentage | length] | [left | center | right ]

Legal Values

Value Description
percentage percentage of the block level element
length length values (in the unit of measure that best suits the medium
left aligns object to the left on the x - axis
centre aligns object to the centre on the x - axis
right aligns object to the right on the x - axis

Mozilla Recommended Values

Usage Examples

div.marked {background-image: url(watermark.jpg);
Ext/Doc: body { background-image: url(http://www.foo.com/image.gif);
background-repeat: repeat-y;
background-position-x: center }


This tag applies to Applies to block-level and replaced elements.

Specification Conformance

Browser Compatibility

Works on all browsers.

See Also

Border Style CSS Background Position X
Backgound-Position Y Cascading Style Sheets Property