CSS3 background-origin background-origin : padding-box : See the Pen <a href="http://codepen.io/w3tr/pen/EyEJzQ/">background-origin: padding-box</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.<br /> border-box : See the Pen <a href="http://codepen.io/w3tr/pen/YWarbB/">background-origin: border-box</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.<br /> content-box : See the Pen <a href="http://codepen.io/w3tr/pen/bZvJPV/">background-origin: content-box</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.<br />