<!DOCTYPE html>
<script src="resources/srcset-helper.js"></script>
<style>
#foo {
width: 100px;
height: 100px;
-webkit-border-image: url('resources/green-400-px-square.png') 10 10 10 10 stretch stretch;
}
</style>
<div>
This test passes if the divs below are 100px blue squares when the
deviceScaleFactor is 1, and 100px green squares when the deviceScaleFactor
is 2.
</div>
<div>
When run in the test harness,
this test is distinct from image-set-border-image,
because it ensures that the green image loads
dynamically when the scale factor changes.
</div>
<br>
<div id="foo"></div>
<br>
<div id="foo"></div>