例
让背景图像从内容的左上角开始：
#example1
{
background:url(img_flwr.gif);
background-repeat: no-repeat;
padding:35px;
background-origin: content-box;
}
试一试» 定义和用法
背景-origin属性指定了背景图象被定位。
Note:如果背景附件属性设置为"fixed" ，则此属性没有任何效果。
| 默认值： | padding-box |
|---|---|
| 遗传： | no |
| 动画： | no. Read about animatable |
| 版： | CSS3 |
| JavaScript语法： | object .style.backgroundOrigin="content-box" Try it |
浏览器支持
在表中的数字规定，完全支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| background-origin | 4 | 9 | 4 | 3.0 | 10.5 |
CSS语法
background-origin: padding-box|border-box|content-box|initial|inherit;属性值
| 值 | 描述 | 播放 |
|---|---|---|
| padding-box | 默认值。 背景图像从填充边缘的左上角开始 | 播放 ” |
| border-box | 背景图像从边界的左上角开始 | 播放 ” |
| content-box | 背景图像从内容的左上角开始 | 播放 ” |
| initial | 将此属性设置为默认值。 阅读关于初始 | 播放 ” |
| inherit | 继承其父元素此属性。 阅读关于继承 |
相关页面
CSS3教程： CSS3背景
HTML DOM参考： backgroundOrigin property