CSS .class 选择器
定义和用法
background 简写属性在一个声明中设置所有的背景属性。
可以按顺序设置如下属性:
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
如果不设置其中的某个值,也不会出问题,比如 background:#ff0000 url('smiley.gif'); 也是允许的。
通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。
默认值: | not specified |
---|---|
继承性: | no |
版本: | CSS1 |
JavaScript 语法: | object.style.background="white url(paper.gif) repeat-y" |
实例
如何在一个声明中设置所有背景属性:
body
{
}
{
background
: #00FF00 url(bgimage.gif) no-repeat fixed top;}
浏览器支持
所有浏览器都支持 background 属性。
任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
可能的值
值 | 描述 |
---|---|
background-color | 规定要使用的背景颜色。参阅:background-color 中可能的值。 |
background-image | 规定要使用的背景图像。参阅:background-image 中可能的值。 |
background-repeat | 规定如何重复背景图像。参阅:background-repeat 中可能的值。 |
background-attachment | 规定背景图像是否固定或者随着页面的其余部分滚动。参阅:background-attachment 中可能的值。 |
background-position | 规定背景图像的位置。参阅:background-position 中可能的值。 |
inherit | 规定应该从父元素继承 background 属性的设置。 |
实例
所有背景属性在一个声明之中
本例演示如何使用简写属性来将所有背景属性设置在一个声明之中。
相关页面
CSS 教程:CSS 背景
HTML DOM 参考手册:background 属性