CSS3/CSS1 background-position 属性
说明:本文档兼容性测试基础环境为:windows系统;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51
语法:
background-position:<position> [ , <position> ]*
<position> = [ left | center | right | top | bottom | <percentage> | <length> ] | [ left | center | right | <percentage> | <length> ] [ top | center | bottom | <percentage> | <length> ] | [ center | [ left | right ] [ <percentage> | <length> ]? ] && [ center | [ top | bottom ] [ <percentage> | <length> ]? ]
默认值:0% 0%,效果等同于left top
取值:
- <percentage>:
- 用百分比指定背景图像填充的位置。可以为负值。
- <length>:
- 用长度值指定背景图像填充的位置。可以为负值。
- center:
- 背景图像横向和纵向居中。
- left:
- 背景图像在横向上填充从左边开始。
- right:
- 背景图像在横向上填充从右边开始。
- top:
- 背景图像在纵向上填充从顶部开始。
- bottom:
- 背景图像在纵向上填充从底部开始。
说明:
设置或检索对象的背景图像位置。必须先指定background-image属性。
- 该属性提供2个参数值。
- 如果提供两个,第一个用于横坐标,第二个用于纵坐标。
- 如果只提供一个,该值将用于横坐标;纵坐标将默认为50%。
- 对应的脚本特性为backgroundPosition。