专注于WEB前端开发,HTML基础知识,CSS基础知识,HTML5和CSS3,Javascript,Jquery,Jquery插件,移动开发,微信开发等技术话题

当前位置:CSSTOP主页 > CSS属性 > 正文

background-position

CSS background-position 属性

定义

background-position 属性设置背景图像的起始位置。

继承性:NO

说明

background-image 属性会在元素的背景中设置一个图像。

这个属性设置背景原图像(由 background-image 定义)的位置,背景图像如果要重复,将从这一点开始。

JavaScript 语法

CSS 属性也可通过一段 JavaScript 被动态地改变。

脚本语法:

object.style.backgroundPosition="bottom center"

例子

body{
	background-image:url(stars.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
body{
	background-image:url(stars.gif);
	background-repeat:no-repeat;
	background-position:0% 0%;
}

可能的值

描述
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
如果您仅规定了一个关键词,那么第二个值将是"center"。
默认值:0% 0%。
x% y% 第一个值是水平位置,第二个值是垂直位置。
左上角是 0% 0%。右下角是 100% 100%。
如果您仅规定了一个值,另一个值将是 50%。
xpos ypos 第一个值是水平位置,第二个值是垂直位置。
左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。
如果您仅规定了一个值,另一个值将是50%。
您可以混合使用 % 和 position 值。