css3 中background的新增加的屬性的用法(一)

  關於background屬性用法，相信許多重構人員都很熟悉了，在css3中，background屬性依然保持以前的用法，不過可以允許在該屬性中添加多個背景映像組，背景映像之間通過逗號進行分隔。增加了4個新的相關屬性。

background-clip   指定背景的顯示範圍

background-origin  指定繪製背景映像的起點

background-size   指定背景圖片的尺寸的大小

background-break  指定內嵌元素的背景映像進行平鋪時的迴圈方式

background-clip 

目前webkit引擎的safari和chrome瀏覽器支援，mozilla Gecko引擎 和Presto引擎（opera11.0以上）和trident引擎(ie9以上)都支援這個屬性，但是版本低的可能需要帶上各自的私人屬性,

background-clip:padding-box || border-box || content-box

background-clip 屬性用來判斷背景是否包含邊框地區，一般預設的background-color是從元素的邊框的左上方起到右下角為止，而backround-image卻不一樣，從padding邊緣的左上方到border右下角邊緣為止；用background-clip控制背景色和背景圖片的顯示地區，解決以上預設的問題，

border-box：從邊框地區向外裁剪背景；

padding-box:從補白地區向外裁剪背景；

content-box:從內容地區向外裁剪背景

no-clip:從邊框地區向外裁剪背景