<!DOCTYPE html><html><head><metacharset="utf-8"><title>CSS Backgrounds and Borders Test: background-origin - border-box keyword value</title><linkrel="author"title="Intel"href="http://www.intel.com"><linkrel="reviewer"title="Gérard Talbot"href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"><!-- 2012-11-09 --><linkrel="help"href="http://www.w3.org/TR/css3-background/#the-background-origin"title="3.8. Positioning Area: the 'background-origin' property"><linkrel="match"href="reference/background-origin-004-ref.html"><metaname="flags"content="image"><metaname="assert"content="Background-origin with 'border-box' implies to position the background relative to the border box."><style>div{position:absolute;}#ref-overlapped-red{background-color:red;height:60px;width:60px;}#test-overlapping-green{background-image:url(support/60x60-green.png);background-origin:border-box;background-repeat:no-repeat;border:transparentdotted5px;height:100px;padding:25px;width:100px;}</style></head><body><p>Test passes if there is a filled green square and <strong>no red</strong>.</p><divid="container"><divid="ref-overlapped-red"></div><divid="test-overlapping-green"></div></div></body></html>
