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; }
执行结果
相关链接
外部链接