> HTML DOM backgroundPositionX 属性

HTML DOM backgroundPositionX 属性

定义和用法

backgroundPositionX 属性设置背景图像的水平位置。

语法:

Object.style.backgroundPositionX=position
参数 描述
  • left
  • center
  • right
水平位置。
x% 水平位置。左是 0%。右是 100%。
xpos 水平位置。左是 0。单位是像素 (0px) 或其他 CSS 单位。

实例

本例改变了背景图像的水平位置:

<html>
<head>
<style type="text/css">
body
{
background-color:#FFCC80;
background-image:url(bgdesert.jpg);
background-repeat:no-repeat
}
</style>
<script type="text/javascript">
function changePosition()
{
document.body.style.backgroundPositionX="right";
}
</script>
</head>
<body>

<input type="button" onclick="changePosition()"
value="Change background-image's x-position" />

</body>
</html>
参考手册

W3c0.com 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。W3c0 简体中文版的所有内容仅供测试,对任何法律问题及风险不承担任何责任。 当使用本站时,代表您已接受了本站的使用条款和隐私条款。版权所有,保留一切权利。 鲁ICP备15022115号