Background-origin — htmlcss

The background-origin property is used in CSS and certain HTML elements. This property determines the background positioning area (the origin of a background-image). background-origin does not apply when background-attachment is set to fixed.

Values

padding - Default value. The background position is relative to the padding. (For single boxes "0 0" is the upper left corner of the padding edge, and "100% 100%" is the lower right corner.)
border - The background position is relative to the border, so the image can go behind the border.
content - The background position is relative to the content.

HTML example:

<body style="background-image:url('Image_1.jpg'); background-origin:padding;">
Body content.
</body>

CSS example:

body {
      background-image:url("Image_1.jpg");
      background-origin:padding;
}