版本：CSS3

JavaScript 语法： object .style.backgroundClip="content-box"

语法 background-clip: border-box|padding-box|content-box;

border-box
背景被裁剪到边框盒。

padding-box
背景被裁剪到内边距框。

content-box
背景被裁剪到内容框。

②background-origin
相对于内容框来定位背景图像：

background-image:url('smiley.gif'); background-repeat:no-repeat; background-position:left; background-origin:content-box;

background-origin 属性规定 background-position 属性相对于什么位置来定位。

注释：如果背景图像的 background-attachment 属性为 "fixed"，则该属性没有效果。
默认值： padding-box
继承性： no
版本： CSS3
JavaScript 语法： object.style.backgroundOrigin="content-box"

语法background-origin: padding-box|border-box|content-box;

padding-box
背景图像相对于内边距框来定位。

border-box
背景图像相对于边框盒来定位。

content-box
背景图像相对于内容框来定位。

background-clip 与 background-origin是css3中引入的两个跟元素背景相关的属性，它们有相同的可选值，即border、padding、content三种，而且这两个属性表示的都是元素背景与元素边框、补白(padding)和内容区域之间的某种关系。
虽然两者看上去实现的效果差不多，但是他们两个的原理是不同的。background-origin定义的是背景位置（background-position）的起始点；而background-clip是对背景（图片和背景色）的（粗暴地）切割。