background-origin

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

 

语法

background-origin: padding-box
background-origin: border-box
background-origin: content-box
background-origin: inherit

值

值描述
border-box 此关键词表示背景延伸到外边界的边框，但边框在上，背景在下。 在border-style为dashed可直接看出。
padding-box 此关键词表示背景描绘在padding盒子，边框里不会有背景出现，背景将将延伸到最外边界的padding。
content-box 此关键词表示背景描绘在内容区范围。

例子

HTML 

<p id="red"></p>

CSS 

#red {
     width: 400px;
     height: 200px;
     border: 4px dashed red;
     background: orange;
     background-origin: border-box;
}

执行结果

参考

相关链接

外部链接


跳至内容顶部