DONT ADD ANYTHING HERE!

  1. The background-origin CSS property sets the background's origin from:
    1. the border start
    2. inside the border
    3. inside the padding
  2. values
    1. border-box
      The background is positioned relative to the border box
    2. padding-box
      The background is positioned relative to the padding box
    3. content-box
      The background is positioned relative to the content box

Example

Greem Strip
Greem Strip
background-origin: border-box

Notes

  1. The red square is a background-image

Code

CSS

.outer {
    border: 1em dashed blue;
    background-image: url("../images/myRedSquare2.png");
    background-origin: border-box;
    background-repeat: no-repeat;
    background-color: lightgoldenrodyellow;
    text-align: center;
    padding: 2em;
}

References

MDN: background-origin