CSS3 background-origin 属性

实例

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

  1. div
  2. {
  3. background-image:url('smiley.gif');
  4. background-repeat:no-repeat;
  5. background-position:left;
  6. background-origin:content-box;
  7. }

浏览器支持


IE Firefox Chrome Safari Opera
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"

语法

  1. background-origin: padding-box|border-box|content-box;
值 描述
padding-box 背景图像相对于内边距框来定位。
border-box 背景图像相对于边框盒来定位。
content-box 背景图像相对于内容框来定位。

相关页面

CSS3 教程：CSS3 背景