background-origin属性怎么用
导读： CSS3background-origin属性 作用：规定背景图片的定位区域。 说明：设置或检索对象的背景图像计算时的参考原点(位置 。 语法： background-origin:padding-box|bor...
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:
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。background-origin:content-box:
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。本文转载自中文网
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： background-origin属性怎么用
本文地址： https://pptw.com/jishu/665027.html