CSS3 background-origin 属性

w3school 在线教程

## CSS 参考手册

- CSS 参考手册
- CSS 选择器
- CSS 听觉参考手册
- CSS 网络安全字体
- CSS 单位
- CSS 颜色
- CSS 颜色值
- CSS 颜色名
- CSS 颜色十六进制

# CSS3 background-origin 属性

CSS 参考手册

## 实例

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

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

亲自试一试

## 浏览器支持

IE | Firefox | Chrome | Safari | Opera
--- | --- | --- | --- | ---

IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+ 支持 background-origin 属性。

## 定义和用法

background-origin 属性规定 background-position 属性相对于什么位置来定位。

注释：如果背景图像的 background-attachment 属性为 "fixed"，则该属性没有效果。

默认值： | padding-box
继承性： | no
版本： | CSS3
JavaScript 语法： | object.style.backgroundOrigin="content-box"

## 语法

    background-origin: padding-box|border-box|content-box;

值 | 描述 | 测试
--- | --- | ---
padding-box | 背景图像相对于内边距框来定位。 | 测试
border-box | 背景图像相对于边框盒来定位。 | 测试
content-box | 背景图像相对于内容框来定位。 | 测试

## 相关页面

CSS3 教程：CSS3 背景

CSS 参考手册