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.


  • 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.

CSS example:

body {

Ad blocker interference detected!

Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.