backgroundorigin属性

《backgroundorigin属性》由会员分享，可在线阅读，更多相关《backgroundorigin属性（1页珍藏版）》请在装配图网上搜索。

属性background-origin在解释backgorund-orig属性之前，我们先来了解一下盒子模型。下边的盒子模型包含边框，内边距和内容三部分。黑色代表边框区域，我们称之为边框盒子bordr-bo蓝色区域代表addin补白区域，我们称之为addin补白盒子adding-bo黄色区域代表内容区域，我们称之为内容盒子conn-bobordr-box域的大小由bord属性决定，就是边框的宽度。adding-bo区域的大小由盒子的addin属性决定。conn区域的大小由其中内容的多少决定。就好比快递，比如你快递了一个电视。整个快递就是一个盒子模型，外边的纸壳箱子就是?ordr-bo它的宽度由纸壳箱子的厚度来决定。中间的塑料泡沫就是adding-boS域。里边的电视就是conn内容区域。回到background-orig这个属性上来，它的三个值就好理解了。默认情况下，在没有对背景图片使background-oi定位的时候，坐标原点都是在左上角。那么bor（就是把背景图片的坐标原点设置在盒模型bordr-b（区域的左上角add就I是!把背景图片的坐标原点设置在盒模型adding-b（区域的左上角con就是把背景图片的坐标原点设置在盒模型conn区域的左上角