Difference between revisions of "CSS GUIDE BACKGROUND-POSITION-Y"
(→See Also) |
(→See Also) |
||
| Line 70: | Line 70: | ||
== See Also == | == See Also == | ||
[http://www.yasininat.com/ref/index.php?ref=css&p=background-position-x Border Style CSS Background Position X] | [http://www.yasininat.com/ref/index.php?ref=css&p=background-position-x Border Style CSS Background Position X] | ||
| + | <br> | ||
[http://www.blooberry.com/indexdot/css/properties/colorbg/bgpositx.htm Backgound-Position Y Cascading Style Sheets Property] | [http://www.blooberry.com/indexdot/css/properties/colorbg/bgpositx.htm Backgound-Position Y Cascading Style Sheets Property] | ||
Revision as of 14:06, 13 December 2006
Contents
Summary
Establish the location of the left (y) with the background-image attribute.
Inherited: No
Initial Value
0%
Syntax
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 }
Notes
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
