background-position

描述

该 background-position 属性设置初始位置，相对于由背景原点为每个定义的背景图像定义的背景位置层。

效果展示

语法

background-position:  [ [ left | center | right | top | bottom | <percentage> | <length> ];

值

• top 如果给定一个或两个值，则计算为垂直位置的“0%”，否则将顶部边缘指定为下一个偏移量的原点。
• right 如果给定一个或两个值，则计算水平位置的“100%”，否则将右边缘指定为下一个偏移量的原点。
• bottom 如果给定一个或两个值，则计算垂直位置的“100%”，否则将底部边缘指定为下一个偏移量的原点。
• left 如果给定一个或两个值，则计算为水平位置的“0%”，否则将左边缘指定为下一个偏移量的原点。
• center 如果未另行指定水平位置，则计算为水平位置的“50%”（“左 50%），如果已指定，则计算为垂直位置的”50%“（”前 50%“）。
• <length> 长度值提供固定长度作为偏移量。例如，对于“2cm 1cm”的值对，图像的左上角放置在背景定位区域的右侧 2cm 和左上角下方 1cm 处。
• <percentage> 水平偏移的百分比相对于（背景定位区域的宽度 - 背景图像的宽度）。垂直偏移的百分比是相对于（背景定位区域的高度 - 背景图像的高度），其中图像的大小是“背景大小”给出的大小。