background-position属性

顾名思义，background-position属性可以控制背景的定位。表10-4显示了background- position属性的可能取值。

表  10-4

 

属    性	值
background-position	[<percentage> | <length> ]{1,2} | [ [top | center | bottom] || [left | center | right] ] 初始值：0% 0%

 

第一眼看上去，这个属性有点复杂，事实上，没有那么复杂。其表示法可以解释为：这个属性允许一或两个表示背景位置的值。方括号用于把可能的值进行分组。下面是第一个组中的值：

 

[<percentage> | <length> ]{1,2}

第一个组指明了值可能是一个百分比或者长度值。可以提供一个或者两个值。竖线的后面是第二个子组，说明了另外一种可能的值：

 

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

第二个组说明了可以提供一个或者两个关键字值。如果提供两个，可以是第一个组的任意关键字和第二个组的任意关键字的组合。另外，关键字值也可以和<length>或<percentage>值结合。

 

图10-7演示了background-position属性的一些可能取值。