Shulou(Shulou.com)05/31 Report--

This article mainly introduces "what is the use of the background-position attribute in CSS". In the daily operation, I believe that many people have doubts about the use of the background-position attribute in CSS. The editor consulted all kinds of materials and sorted out a simple and easy-to-use method of operation. I hope it will be helpful to answer the question of "what is the use of the background-position attribute in CSS?" Next, please follow the editor to study!

Description of background-position attribute in CSS

Sets or retrieves the background image location of the object. You must first specify the background-image property. This property positioning is not affected by the patch property (padding) setting of the object. The default value is 0% 0%. At this point, the background picture will be positioned in the upper-left corner of the content area of the object that does not include a padding.

If only one value is specified, the value is used for Abscissa. The ordinate will default to 50%. If two values are specified, the second value is used for the ordinate. If the value is set to rightcenter, the background image will be positioned to the right because the value of right as the Abscissa value will override the Centervalue.

The corresponding script feature is background Position.

Syntax:

Background-position:length | | length

Background-position:position | | position

Value:

Length: percentage | length value consisting of floating-point numbers and unit identifiers.

Position:top | center | bottom | left | center | right

Background-position-- defines the location of the background picture

Value:

[| | left | center | right] [| | top | center | bottom]]

* level

Left: left

Center: medium

Right: right

* Vertical

Top: up

Center: medium

Bottom: lower

* combination of vertical and horizontal

XMui% yMui%

X-posy-pos

Initial value: 0% 0%

Inheritance: no

For: all elements

Background: background. Position: position.

At this point, the study on "what is the use of background-position attributes in CSS" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.