Style background 属性
实例
设置文档背景的样式：
document.body.style.background = "#f3f3f3 url('img_tree.png') no-repeat right
top";
亲自试一试 »
页面下方有更多实例。
定义和用法
background 属性以简写形式设置或返回最多八个独立的背景属性。
使用此属性，可以设置/返回以下一项或多项（按任意顺序）:
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
- background-size
- background-origin
- background-clip
上述的属性，也可以设置单独的样式属性。强烈建议使用单独的属性这样有更好的可控性。
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| background | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
注释: 请参见下面每个值的个别浏览器支持。
语法
返回 background 属性:
object.style.background
设置 background 属性:
object.style.background = "color image
repeat attachment position size origin clip|initial|inherit"
属性值
| 值 | 描述 |
|---|---|
| color | 设置一个元素的背景颜色 |
| image | 设置一个元素的背景图像 |
| repeat | 设置如何重复背景图像 |
| attachment | 设置背景图像是否固定或者随着页面的其余部分滚动 |
| position | 设置背景图像的起始位置 |
| size | 设置背景图像的大小 |
| origin | 设置背景定位区域 |
| clip | 设置背景图像的绘制区域 |
| initial | 设置该属性为它的默认值。请参阅 initial |
| inherit | 从父元素继承该属性。请参阅 inherit |
技术细节
| 默认值: | transparent none repeat scroll 0% 0% auto padding-box border-box |
|---|---|
| 返回值: | 字符串，表示元素的背景 |
| CSS 版本 | CSS1 + new properties in CSS3 |
更多实例
实例
更改DIV元素的背景:
document.getElementById("myDIV").style.background = "url('smiley.gif') blue repeat-x center";
亲自试一试 »
相关页面
CSS 教程: CSS Background
CSS3 tutorial: CSS3 Backgrounds
CSS 参考手册: background 属性
❮ Style 对象
