Copyright © 2000-2016 www.knowsky.com All rights reserved | 沪ICP备05001343号

王朝学院·作者佚名  2016-05-24
窄屏简体版  字體: 小  |  中  |  大  |  超大  

CSS background 属性CSS 参考手册实例如何在一个声明中设置所有背景属性:

body { background: #00FF00 url(bgimage.gif) no-repeat fixed top; }

亲自试一试

浏览器支持IEFirefoxChromeSafariOpera支持

支持

支持

支持

支持

所有浏览器都支持 background 属性。

注释:IE8 以及更早的浏览器不支持一个元素多个背景图像。

注释:IE7 以及更早的浏览器不支持 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。

定义和用法background 简写属性在一个声明中设置所有的背景属性。

可以设置如下属性:

background-colorbackground-positionbackground-sizebackground-repeatbackground-originbackground-clipbackground-attachmentbackground-image如果不设置其中的某个值,也不会出问题,比如 background:#ff0000 url('smiley.gif'); 也是允许的。

通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。

默认值:not specified

继承性:no

版本:CSS1 + CSS3

javaScript 语法:object.style.background="white url(paper.gif) repeat-y"

可能的值值描述CSSbackground-color

规定要使用的背景颜色。

1

background-position

规定背景图像的位置。

1

background-size

规定背景图片的尺寸。

3

background-repeat

规定如何重复背景图像。

1

background-origin

规定背景图片的定位区域。

3

background-clip

规定背景的绘制区域。

3

background-attachment

规定背景图像是否固定或者随着页面的其余部分滚动。

1

background-image

规定要使用的背景图像。

1

inherit

规定应该从父元素继承 background 属性的设置。

1

亲自试一试 - 实例所有背景属性在一个声明之中本例演示如何使用简写属性来将所有背景属性设置在一个声明之中。相关页面CSS 教程:CSS 背景

CSS3 教程:CSS3 背景

HTML DOM 参考手册:background 属性

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航