html 设置origin,background-origin属性怎么用

CSS3background-origin属性

作用：规定背景图片的定位区域。

说明：设置或检索对象的背景图像计算时的参考原点(位置)。

语法：

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

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

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

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

CSS3background-origin属性的使用示例

div

{

border:1pxsolidblack;

padding:35px;

background-image:url('https://img.php.cn/upload/article/000/000/024/5c513adf97e86533.jpg');

background-repeat:no-repeat;

background-position:left;

}

#div1

{

background-origin:border-box;

}

#div2

{

background-origin:content-box;

}

background-origin:border-box:

这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。