background-origin和clip

background-origin:border-box;
padding-box;
content-box;
三种属性，表示图片开始描绘的起点。需要注意的是，除了规定起点之外没有什么别的限制，所以如果图片足够大，在其他方向还是会画到边框中，如图。

QQ20160513-0@2x.png

background-clip的三种属性与origin相同。区别在于，图片本身位置不会发生变化，而是将多余的部分裁掉。

并且我发现clip和origin是可以同时使用的，虽然没什么卵用。