Name

background-position

Synopsis

Sets the position of the background origin image, relative to the element.

Values:

[ [<percentage> | <length> | left | center | right ]  [<percentage>
|<length> | top | center | bottom ]? | [ [left | center | right ] || [top | center |
 bottom ] ] | inherit

Initial value:

0% 0%  /* same as left top */

Applies to:

All elements.

Inherited:

No.

Percentages:

Refer to the size of the box itself.

Computed value:

Absolute length offsets or percentage values.

Get Web Design in a Nutshell, 3rd Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.