Difference between revisions of "CSS GUIDE BACKGROUND-POSITION-Y"
(→See Also) |
|||
| (6 intermediate revisions by the same user not shown) | |||
| Line 9: | Line 9: | ||
== Syntax == | == Syntax == | ||
| − | background-position- | + | background-position-y: [percentage | length] | [top | center | bottom] |
== Legal Values == | == Legal Values == | ||
| Line 32: | Line 32: | ||
<tr> | <tr> | ||
| − | <td> | + | <td>top</td> |
| − | <td>aligns object to the | + | <td>aligns object to the top on the y - axis</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
<td>centre</td> | <td>centre</td> | ||
| − | <td>aligns object to the centre on the | + | <td>aligns object to the centre on the y - axis</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
| − | <td> | + | <td>bottom</td> |
| − | <td>aligns object to the | + | <td>aligns object to the bottom on the y - axis</td> |
</tr> | </tr> | ||
| Line 52: | Line 52: | ||
== Usage Examples == | == Usage Examples == | ||
| − | + | ||
Ext/Doc: body { background-image: url(http://www.foo.com/image.gif); | Ext/Doc: body { background-image: url(http://www.foo.com/image.gif); | ||
background-repeat: repeat-y; | background-repeat: repeat-y; | ||
| − | background-position- | + | background-position-y: center } |
== Notes == | == Notes == | ||
| Line 69: | Line 69: | ||
== See Also == | == See Also == | ||
| − | [http://www.yasininat.com/ref/index.php?ref=css&p=background-position- | + | [http://www.yasininat.com/ref/index.php?ref=css&p=background-position-y Border Style CSS Background Position Y] |
| + | <br> | ||
| + | [http://www.blooberry.com/indexdot/css/properties/colorbg/bgposity.htm Backgound-Position Y Cascading Style Sheets Property] | ||
Latest revision as of 14:15, 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-y: [percentage | length] | [top | center | bottom]
Legal Values
| Value | Description |
|---|---|
| percentage | percentage of the block level element |
| length | length values (in the unit of measure that best suits the medium |
| top | aligns object to the top on the y - axis |
| centre | aligns object to the centre on the y - axis |
| bottom | aligns object to the bottom on the y - axis |
Mozilla Recommended Values
Usage Examples
Ext/Doc: body { background-image: url(http://www.foo.com/image.gif);
background-repeat: repeat-y;
background-position-y: 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 Y
Backgound-Position Y Cascading Style Sheets Property
