CSS background image background-position positioning

The default value is 0% 0%. In this case, the background image is located in the upper left corner of the content area of the object that does not include the patch.
If only one value is specified, the value is used for abscissa. The default ordinate value is 50%. If two values are specified, the second value is used for ordinate.
If the value is set to right center, right will overwrite the center value as the abscissa value, so the background image will be located on the right.
The corresponding script feature is backgroundposition.

Syntax:
Background-position: length | length
Background-position: position | position

Valid value:
Length: percent | length value composed of floating-point numbers and unit identifiers.
Position: top | center | bottom | left | center | right

Background-position -- define the position of the background image

Valid value:
[<Percentage> | <length> | left | center | right] [<percentage> | <length> | top | center | bottom]
* Level
Left: left
Center: Medium
Right: right
* Vertical
Top: top
Center: Medium
Bottom: bottom
* Vertical and horizontal combination
X-% y-%
X-pos y-pos

Initial value: 0% 0%
Inheritance: no
Applicable to: all elements
Background: background. position: position.