css3中的background的新特性background-origin,background-clip,background-size详解

background-size详解

background-orgin详解

background-clip详解

background-size:规定背景图片的大小，px, %(百分比是相对于要添加背景图片的元素的长和宽), cover, contain

background-origin主要就是用来决定背景图片的定位原点，换句话说就是背景图片定位的起点（background-position的原点）

background-origin规定背景图片的起始原点，border-box(从边框边缘开始)，padding-box(从padding边缘开始)默认，content-box(从内容框开始)。

background-clip规定背景图片或颜色的切割范围，border-box(从边框边缘开始切割,超过border-box的部分将会被舍弃掉)，padding-box(从padding框开始切割,超过部分舍弃)

同样还有content-box;