玄幻小说排行榜,好看的言情小说,武道至尊帝临小说

語法：

background：[ <bg-layer>, ]* <final-bg-layer>

<bg-layer> = <bg-image> || <position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>

<final-bg-layer> = <bg-image> || <position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box> || <' background-color '>

默認值：看每個獨立屬性

適用于：所有元素

繼承性：無

動畫性：看每個獨立屬性

計算值：看每個獨立屬性

取值：

<' background-image '>：: 指定對象的背景圖像?？梢允钦鎸崍D片路徑或使用漸變創建的“背景圖像”
<' background-position '>：: 指定對象的背景圖像位置。
<' background-size '>：: 指定對象的背景圖像的尺寸大小。
<' background-repeat '>：: 指定對象的背景圖像如何鋪排填充。
<' background-attachment '>：: 指定對象的背景圖像是隨對象內容滾動還是固定的。
<' background-origin '>：: 指定對象的背景圖像顯示的原點。
<' background-clip '>：: 指定對象的背景圖像向外裁剪的區域。
<' background-color '>：: 指定對象的背景顏色。

說明：

復合屬性。檢索或設置對象的背景特性（背景色 <' background-color '> 不能設置多組）。

一個元素可以設置多重背景圖像。
每組屬性間使用逗號分隔。
如果設置的多重背景圖之間存在著交集（即存在著重疊關系），前面的背景圖會覆蓋在后面的背景圖之上。

示例：假設要在同一個元素上定義3個背景圖像

縮寫方式：

background:url(test1.jpg) no-repeat scroll 10px 20px/50px 60px content-box padding-box,
	   url(test1.jpg) no-repeat scroll 10px 20px/70px 90px content-box padding-box,
	   url(test1.jpg) no-repeat scroll 10px 20px/110px 130px content-box padding-box #aaa;

注意， <' background-color '> 只能設置一次，且由于寫在前面的背景會疊在之后的背景之上，所以背景色通常都定義在最后一組上，避免背景色將圖像蓋住。

拆分方式：

background-image:url(test1.jpg),url(test2.jpg),url(test3.jpg);
background-repeat:no-repeat,no-repeat,no-repeat;
background-attachment:scroll,scroll,scroll;
background-position:10px 20px,10px 20px,10px 20px;
background-size:50px 60px,70px 90px,110px 130px;
background-origin:content-box,content-box,content-box;
background-clip:padding-box,padding-box,padding-box;
background-color:#aaa;

如果定義了多個背景圖片，而其他屬性只有一個參數值，則表明所有背景圖片的該屬性都應用同一個參數值。據此可以對上面的例子進行縮寫：

縮寫方式：

background-image:url(test1.jpg),url(test2.jpg),url(test3.jpg);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:10px 20px;
background-size:50px 60px,70px 90px,110px 130px;
background-origin:content-box;
background-clip:padding-box;
background-color:#aaa;

如果定義了多個背景圖片，而 <' background-origin '> 和 <' background-clip '> 設置了相同的值?？蛇@樣縮寫：

縮寫方式：

background:url(test1.jpg) no-repeat scroll 10px 20px/50px 60px padding-box,
	   url(test1.jpg) no-repeat scroll 10px 20px/70px 90px padding-box,
	   url(test1.jpg) no-repeat scroll 10px 20px/110px 130px padding-box #aaa;

這表示 <' background-origin '> 和 <' background-clip '> 都使用了padding-box參數值。

兼容性：

淺綠 = 支持
紅色 = 不支持
粉色 = 部分支持

Values	IE	Firefox	Chrome	Safari	Opera	iOS Safari	Android Browser	Android Chrome
Basic Support	6.0+	2.0+	4.0+	3.1+	3.5+	3.2+	2.1+	18.0+
Multiple backgrounds	6.0-8.0	2.0-3.5	4.0+	3.1+	3.5+	3.2+	2.1+	18.0+
Multiple backgrounds	9.0+	3.6+	4.0+	3.1+	3.5+	3.2+	2.1+	18.0+
background-size ^#1	6.0-8.0	2.0-3.5	4.0-14.0	6.0-6.1	15.0+	6.0-6.1	2.1-4.3	18.0+
background-size ^#1	9.0+	3.6+	15.0+	7.0+	15.0+	7.0+	4.4+
background-origin background-clip ^#2	6.0-8.0	2.0-3.5	4.0+	6.0+	15.0+	6.0+	2.1-2.3
background-origin background-clip ^#2	9.0+	3.6+	4.0+	6.0+	15.0+	6.0+	3.0+

<' background-size '> 寫入縮寫方式。
<' background-origin '> || <' background-clip '> 寫入縮寫方式。

免费的三级网站-免费的色网站-免费番茄社区性色大片-免费高清特级毛片-98色花堂永久地址国产精品-999国产精品

語法：

取值：

說明：

兼容性：

示例：