background-origin

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费积分!

background-origin 属性定义了背景绘制的位置:整个元素上、边框内或填充内。

共有四个值:border-boxpadding-boxcontent-boxinherit。这是一个演示

background-origin 类似于 background-clip,但它会调整背景大小,而不是裁剪它。

上面的示例还应用了background-size: coverbackground-repeat: no-repeat。如果不是这种情况,图像将在边框或填充下方重复。

浏览器支持

IEEdgeChromeFirefoxSafariOpera
9+全部全部4+全部11.5+
iOS SafariChrome AndroidFirefox AndroidAndroid 浏览器Opera Mobile
全部全部全部4.1+全部
来源:caniuse

更多信息