Fine tune the meaning of origin

background-origin

Use this property to fine tune the precise meaning of "origin" as used with the other background properties.

Property values

The origin of a background-image is its (0,0) point; that is, its top-left corner. This point may be one of these keyword values:

border-box The origin is the position of the element's top-left border area
padding-box The origin is the position of the element's top-left padding area
content-box The origin is the position of the element's top-left content area

Examples

background-origin: content-box;
background-origin set to the element's content

style > background > background-originFine tune the meaning of origin

🔎