华南俳烁实业有限公司

實例

如何在一個聲明中設(shè)置所有背景屬性：

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }
瀏覽器支持
IE
Firefox
Chrome
Safari
Opera
所有瀏覽器都支持 background 屬性。
注釋：IE8 以及更早的瀏覽器不支持一個元素多個背景圖像。
注釋：IE7 以及更早的瀏覽器不支持 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。
定義和用法
background 簡寫屬性在一個聲明中設(shè)置所有的背景屬性。
可以設(shè)置如下屬性：
background-color
background-position
background-size
background-repeat
background-origin
background-clip
background-attachment
background-image
如果不設(shè)置其中的某個值，也不會出問題，比如 background:#ff0000 url('smiley.gif'); 也是允許的。
通常建議使用這個屬性，而不是分別使用單個屬性，因為這個屬性在較老的瀏覽器中能夠得到更好的支持，而且需要鍵入的字母也更少。
默認值：
not specified
繼承性：
no
版本：
CSS1 + CSS3
JavaScript 語法：
object.style.background="white url(paper.gif) repeat-y"
可能的值
值
描述
CSS
background-color
規(guī)定要使用的背景顏色。
1
background-position
規(guī)定背景圖像的位置。
1
background-size
規(guī)定背景圖片的尺寸。
3
background-repeat
規(guī)定如何重復(fù)背景圖像。
1
background-origin
規(guī)定背景圖片的定位區(qū)域。
3
background-clip
規(guī)定背景的繪制區(qū)域。
3
background-attachment
規(guī)定背景圖像是否固定或者隨著頁面的其余部分滾動。
1
background-image
規(guī)定要使用的背景圖像。
1
inherit
規(guī)定應(yīng)該從父元素繼承 background 屬性的設(shè)置。
1