Explain How the Position of a Background Image Is Set

Question

Examlex · Accepted Answer

The Answer is ​ By default,browsers place a background image in an element's top-left corner.One can place the background image at a different position using the following background-position property: background-position: horizontal vertical; where horizontal and vertical provide the coordinates of the image within the element background expressed using one of the CSS units of measure or as a percentage of the element's width and height.For example,the following style places the image 10% of the width of the element from the left edge of the background and 20% of the element's height from the background's top edge: background-position: 10% 20%; ​ If a single value is specified,the browser applies that value to both the horizontal and vertical position.Thus,the following style places the background image 30 pixels from the element's left edge and 30 pixels down from the top edge: background-position: 30px; ​ One can also place the background image using the keywords left,center,and right for the horizontal position and top,center,and bottom for the vertical position.The following style places the background image in the bottom-right corner of the element: background-position: right bottom; ​ Typically,the background-position property is only useful for non-tiled images because,if the image is tiled,the tiled image fills the background and it usually doesn't matter where the tiling starts.

Explain How the Position of a Background Image Is Set

Definitions: