CSS background-origin Property
Background-origin is a CSS feature that allows you to change the background picture of a webpage.
Syntax
Property Values
| Value | Description |
|---|---|
| padding-box | The background picture begins at the upper left corner of the padding edge and moves downward. |
| border-box | The background picture begins at the border's upper left corner. |
| content-box | The background picture begins in the upper left corner of the content and moves downward. |
| initial | This attribute is set to its default value. |
| inherit | This attribute is inherited from its parent element. |
Supported Browsers
| Element | Chrome | Firefox | Safari | Edge / IE | Opera |
|---|---|---|---|---|---|
| background-origin | 4.0 | 4.0 | 3.0 | 9.0 | 10.5 |