CSS GUIDE BACKGROUND POSITION

From CDOT Wiki
Revision as of 20:08, 1 December 2006 by Mckwan (talk | contribs) (Browser Compatibility)
Jump to: navigation, search

This document is a work in progress and is subject to change.

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

See Also