<progress id="zl1bp"></progress>
<menuitem id="zl1bp"><i id="zl1bp"><video id="zl1bp"></video></i></menuitem><cite id="zl1bp"></cite>
<var id="zl1bp"><strike id="zl1bp"><listing id="zl1bp"></listing></strike></var>
<menuitem id="zl1bp"></menuitem>
<var id="zl1bp"></var>
<var id="zl1bp"><strike id="zl1bp"></strike></var>
<var id="zl1bp"><video id="zl1bp"></video></var><cite id="zl1bp"><video id="zl1bp"><listing id="zl1bp"></listing></video></cite>
<var id="zl1bp"></var><var id="zl1bp"><strike id="zl1bp"></strike></var>
<var id="zl1bp"><strike id="zl1bp"><listing id="zl1bp"></listing></strike></var><var id="zl1bp"></var><cite id="zl1bp"><video id="zl1bp"><listing id="zl1bp"></listing></video></cite>
2HZZ國外網址導航喜歡加入收藏
當前位置:國外網 » 站長資訊 » 編程 » 文章詳細
CSS background 屬性

發布時間:2021-10-23,來源:2HZZ外國網址導航

CSS background 屬性backface-visibility background-attachment實例如何在一個聲明中設置所有背景屬性:


body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }
親自試一試
瀏覽器支持
表格中的數字注明了完全支持該屬性的首個瀏覽器版本。


屬性 Chrome IE Firefox Safari Opera
background 1.0 4.0 1.0 1.0 3.5
注釋: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 屬性