定义和用法
背景速记属性设置在一个声明中所有的背景属性。
可以设置的属性,包括:背景色,背景图象,背景位置,背景大小,背景重复,背景原点,背景剪辑,背景附件。
如果上面的值中的一个缺失,比如背景没关系:#FF0000 url(smiley.gif) ; 被允许。
默认值: | see individual properties |
---|---|
遗传: | no |
动画: | yes, see individual properties . Read about animatable Try it |
版: | CSS1 + new properties in CSS3 |
JavaScript语法: | object .style.background="red url(smiley.gif) top left no-repeat" Try it |
浏览器支持
在表中的数字规定,完全支持该属性的第一个浏览器版本。
属性 | |||||
---|---|---|---|---|---|
background | 1.0 | 4 | 1.0 | 1.0 | 3.5 |
Note: Internet Explorer 8和更早版本不一个元素上支持多个背景图像。
注:请参阅下面的每个值单独浏览器的支持。
CSS语法
background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;
注意:如果在速记声明的属性之一是BG-size属性,你必须使用/ (slash)将其从BG-position属性,例如分离background:url(smiley.gif) 10px的20像素/ 50像素50像素; 将导致一个背景图像,位于从左边10个像素,从顶部20个像素,并且所述图像的尺寸为50像素宽,50个像素高。
注意:如果使用多个背景图像来源,但也希望有一个背景色,背景色参数需要在列表的最后。
属性值
值 | 描述 | CSS |
---|---|---|
background-color | 指定要使用的背景颜色 | 1 |
background-image | 指定一个或多个被使用的背景图像 | 1 |
background-position | 指定背景图像的位置 | 1 |
background-size | 指定背景图像的大小 | 3 |
background-repeat | 指定如何重复背景图片 | 1 |
background-origin | 指定背景图像的定位区域 | 3 |
background-clip | 指定背景图像的绘画区域 | 3 |
background-attachment | 指定背景图像是否被固定或滚动与页面的其余部分 | 1 |
初始 | 将此属性设置为默认值。 阅读关于初始 | 3 |
继承 | 继承其父元素此属性。 阅读关于继承 | 2 |
相关页面
CSS教程: CSS背景
CSS3教程: CSS3背景
HTML DOM参考: background property