background-origin

介绍

background-origin规定了指定背景图片background-image属性的原点位置的背景相对区域。

注意：当使用background-color时，此属性无效。

取值

• 默认值 padding-box
  背景图片的摆放以 padding 区域为参考

• border-box
  背景图片的摆放以 border 区域为参考

• content-box
  背景图片的摆放以 content 区域为参考

样例：

background-origin: border-box
background-origin: padding-box
background-origin: content-box
// 指定多个 bg-origin
background-origin: content-box, padding-box;

标准化语法

border-box | padding-box | content-box

与 Web 的区别

• 不支持inherit模式
• 对background-color不生效