background-origin 属性

来源:互联网 发布:浪潮软件下载 编辑:程序博客网 时间:2024/05/11 20:07

实例

相对于内容框来定位背景图像:

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

语法

background-origin: padding-box|border-box|content-box;
值描述测试padding-box背景图像相对于内边距框来定位。测试border-box背景图像相对于边框盒来定位。测试content-box背景图像相对于内容框来定位。测试
div{border:1px solid black;padding:35px;background-image:url('/i/bg_flower.gif');background-repeat:no-repeat;background-position:left;}#div1{background-origin:border-box;}#div2{background-origin:content-box;}
0 0
原创粉丝点击