CSS background 屬性

CSS 參考手冊

實例

如何在一個聲明中設置全部背景屬性：

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

親自試一試

瀏覽器支持

IE	Firefox	Chrome	Safari	Opera
支持	支持	支持	支持	支持

全部瀏覽器都支持 background 屬性。

註釋：IE8 以及更早的瀏覽器不支持一個元素多個背景圖像。

註釋：IE7 以及更早的瀏覽器不支持 "inherit"。IE8 須要 !DOCTYPE。IE9 支持 "inherit"。

定義和用法

background 簡寫屬性在一個聲明中設置全部的背景屬性。

能夠設置以下屬性：

• background-color
• background-position
• background-size
• background-repeat
• background-origin
• background-clip
• background-attachment
• background-image

若是不設置其中的某個值，也不會出問題，好比 background:#ff0000 url('smiley.gif'); 也是容許的。

一般建議使用這個屬性，而不是分別使用單個屬性，由於這個屬性在較老的瀏覽器中可以獲得更好的支持，並且須要鍵入的字母也更少。

默認值：	not specified
繼承性：	no
版本：	CSS1 + CSS3
JavaScript 語法：	object.style.background="white url(paper.gif) repeat-y"

可能的值

值	描述	CSS
background-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 屬性