1买乃、background-clip
? ? ? 語(yǔ)法:background-clip: border-box|padding-box|content-box;
? ?????background-clip屬性指定背景繪制區(qū)域。
? ??????border-box默認(rèn)值钓辆。背景繪制在邊框方框內(nèi)(剪切成邊框方框)剪验。
????????padding-box背景繪制在襯距方框內(nèi)(剪切成襯距方框)。
????????content-box背景繪制在內(nèi)容方框內(nèi)(剪切成內(nèi)容方框)前联。
2功戚、background-size
語(yǔ)法:background-size:length|percentage|cover|contain;
length設(shè)置背景圖片高度和寬度。第一個(gè)值設(shè)置寬度蛀恩,第二個(gè)值設(shè)置的高度疫铜。如果只給出一個(gè)值,第二個(gè)是設(shè)置為?auto(自動(dòng))
percentage將計(jì)算相對(duì)于背景定位區(qū)域的百分比双谆。第一個(gè)值設(shè)置寬度壳咕,第二個(gè)值設(shè)置的高度席揽。如果只給出一個(gè)值,第二個(gè)是設(shè)置為"auto(自動(dòng))"
cover此時(shí)會(huì)保持圖像的縱橫比并將圖像縮放成將完全覆蓋背景定位區(qū)域的最小大小谓厘。
contain此時(shí)會(huì)保持圖像的縱橫比并將圖像縮放成將適合背景定位區(qū)域的最大大小幌羞。
background-size屬性指定背景圖片大小
3、background-attachment
????語(yǔ)法:background-attachment:scroll | fixed | inherit 竟稳;
????background-attachment設(shè)置背景圖像是否固定或者隨著頁(yè)面的其余部分滾動(dòng)
????scroll背景圖片隨頁(yè)面的其余部分滾動(dòng)属桦。這是默認(rèn)
????fixed背景圖像是固定的
????inherit指定background-attachment的設(shè)置應(yīng)該從父元素繼承
4、background-origin
語(yǔ)法:background-origin: padding-box|border-box|content-box;
background-Origin屬性指定background-position屬性應(yīng)該是相對(duì)位置他爸。
padding-box背景圖像填充框的相對(duì)位置
border-box背景圖像邊界框的相對(duì)位置
content-box背景圖像的相對(duì)位置的內(nèi)容框