background-clip 和 background-origin 的区别

background-origin:指定绘制背景图片的起点。

background-clip：是对背景图片的剪裁，指定背景图片的显示范围。

1、background-origin:padding  || border || content(旧版本);padding-box || border-box || content-box (新版本);

　　eg:padding,则从padding外边缘开始定位；同理，其他也是从外边缘起始定位；

 

2、background-clip:padding  || border || content(旧版本);padding-box || border-box || content-box (新版本);

　　eg:padding,则从padding外边缘开始向外裁剪，只显示padding(包括padding)之内的图片；

　

background-clip 默认类似于 background-clip:border。
background-origin 默认类似于 background-origin:padding。