Difference between revisions of "CSS GUIDE BACKGROUND POSITION"
(→Usage Examples) |
(→Browser Compatibility) |
||
| Line 42: | Line 42: | ||
== Browser Compatibility == | == Browser Compatibility == | ||
| + | <table class="standard-table"> | ||
| + | <tr> | ||
| + | <th>Browser</th> | ||
| + | <th>Lowest Version</th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Internet Explorer</td> | ||
| + | <td>4</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Firefox</td> | ||
| + | <td>1</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Netscape</td> | ||
| + | <td>6</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Opera</td> | ||
| + | <td>3.5</td> | ||
| + | </tr> | ||
| + | </table> | ||
== See Also == | == See Also == | ||
Revision as of 20:08, 1 December 2006
This document is a work in progress and is subject to change.
Contents
Summary
Use the background-position property to specify where a background image is placed. If the image repeats (horizontally, vertically or both) then it repeats from this location. If there is a single image, it is placed using the background-position property.
- Initial value: 0% 0%
- Applies to: all elements
- Inherited: no
- Percentages: refer to the size of the box itself
- Media: visual
- Computed value: for <length> the absolute value, otherwise a percentage
Syntax
background-position: [left | right] [N% | Npx] [N% | Npx] [top | bottom];
Legal Values
Mozilla Recommended Values
Usage Examples
background-position: bottom right; background-position: top right; background-position: 20px 50px; background-position: 50% 20%; background-position: right 50%; background-position: 20% 50px; background-position: right 20px;
Notes
Specification Conformance
Browser Compatibility
| Browser | Lowest Version |
|---|---|
| Internet Explorer | 4 |
| Firefox | 1 |
| Netscape | 6 |
| Opera | 3.5 |
