CSS background-origin Property

The background-origin property specifies the origin position (the background positioning area) of a background image.

The background-origin is a property defined in CSS which helps in adjusting the background image of the webpage. This property is used to set the origin of the image in the background. By default, this property sets the background image origin to the upper-left corner of the screen/webpage.


background-origin: padding-box|border-box|content-box|initial|

Property Value:
initial: This takes the initial/default value of setting the background origin to the padding edge int the upper left corner.

Example -