background-position

优质

小牛编辑

128浏览

2023-12-01

描述 (Description)

设置元素背景图像的初始位置（如果已指定）; 值通常配对以提供x，y位置; 默认位置为0％0％。

可能的值 (Possible Values)

percent
none
length
top
center
bottom
left
right

适用于 (Applies to)

块级和替换元素

DOM语法 (DOM Syntax)

object.style.backgroundPosition = "10 30";

例子 (Example)

以下是演示如何将背景图像位置设置为距离左侧100像素的示例。

<table <b>style = "background-image:url(/images/pattern1.gif); background-position:100px;"</b>>
   <tr>
      <td>
         Background image positioned 100 pixels away from the left.
      </td>
   </tr>
</table>

以下是演示如何将背景图像位置设置为距离左侧100像素和距离顶部200像素的示例。

<html>
   <head>
   </head>
   <body>
      <p <b>style = "background-image:url(/css/images/logo.png);  
         background-position:100px 200px;"</b>>
         The background image positioned 100 pixels away from the 
         left and 200  pixels from the top.up
      </p>
   </body>
</html>