css3 background-origin属性
翻译结果：
background
英 [ˈbækgraʊnd] 美 [ˈbækˌɡraʊnd]
n.（画等的）背景;底色;背景资料;配乐
复数： backgrounds
origin
英 [ˈɒrɪdʒɪn] 美 [ˈɔ:rɪdʒɪn]
n.出身;起源，根源;[数]原点，起点;[解]（筋，神经的）起端
复数： origins
css3 background-origin属性语法
作用：规定背景图片的定位区域。
说明：设置或检索对象的背景图像计算 <' background-position '> 时的参考原点(位置)。
css3 中的background-origin属性用于设置背景图片的定位区域，它有三个值分别表示相对于内边距框定位、相对于边框盒定位、相对于内容框定位
css3 background-origin属性示例
<!DOCTYPE html>
<html>
<head>
<style>
div
{
border:1px solid black;
padding:35px;
background-image:url('http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg');
background-repeat:no-repeat;
background-position:left;
}
#div1
{
background-origin:border-box;
}
#div2
{
background-origin:content-box;
}
</style>
</head>
<body>
<p>background-origin:border-box:</p>
<div id="div1">
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
</div>
<p>background-origin:content-box:</p>
<div id="div2">
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例