background-position

The background-position property in CSS sets the initial position of a background image or background color within an element. It is used to determine where the background image is positioned relative to the element's borders and content.

The value of background-position can be a single value or a pair of values, which represent the horizontal and vertical positions of the background image. For example, background-position: top right; positions the background image in the top-right corner of the element, while background-position: center center; centers the background image both horizontally and vertically.

The background-position property also supports keywords such as top, bottom, left, and right, as well as percentage values that represent the distance from the top and left edges of the element. Additionally, the property can be used with multiple background images, allowing each image to be positioned independently.