定義和用法
背景速記屬性設置在一個聲明中所有的背景屬性。
可以設置的屬性,包括:背景色,背景圖像,背景位置,背景大小,背景重複,背景原點,背景剪輯,背景附件。
如果上面的值中的一個缺失,比如背景沒關係:#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