CSS background-origin property

The background-origin property defines the starting point of the background image.

Consider the following:

• If you want it to start from the upper left corner of the border, you should use the border-box value
• The padding-box value starts the image from the upper left corner of the padding edge
• With the content-box value, the image extends to its full size from the upper left corner of the content container