<!DOCTYPE html><title>CSS Border Image: border-image-repeat: round (reference)</title><styletype="text/css">.container{position:relative;width:96px;height:96px;}.container>div{position:absolute;width:16px;height:16px;background-image:url("../support/border.png");background-size:48px48px;}.top{top:0;}.right{left:80px;}.bottom{top:80px;}.left{left:0;}.top-left-corner-tile{background-position:0px0px;}.top-edge-tile{background-position:-16px0px;}.top-right-corner-tile{background-position:-32px0px;}.left-edge-tile{background-position:0px-16px;}.right-edge-tile{background-position:-32px-16px;}.bottom-left-corner-tile{background-position:0px-32px;}.bottom-edge-tile{background-position:-16px-32px;}.bottom-right-corner-tile{background-position:-32px-32px;}.h-pos-0{left:16px;}.h-pos-1{left:32px;}.h-pos-2{left:48px;}.h-pos-3{left:64px;}.v-pos-0{top:16px;}.v-pos-1{top:32px;}.v-pos-2{top:48px;}.v-pos-3{top:64px;}</style><p>The test passes if diamonds in corners are red, and other diamonds are orange, there are 4 orange diamonds on each side.</p><divclass="container"><divclass="top left top-left-corner-tile"></div><divclass="top top-edge-tile h-pos-0"></div><divclass="top top-edge-tile h-pos-1"></div><divclass="top top-edge-tile h-pos-2"></div><divclass="top top-edge-tile h-pos-3"></div><divclass="top right top-right-corner-tile"></div><divclass="right right-edge-tile v-pos-0"></div><divclass="right right-edge-tile v-pos-1"></div><divclass="right right-edge-tile v-pos-2"></div><divclass="right right-edge-tile v-pos-3"></div><divclass="bottom right bottom-right-corner-tile"></div><divclass="bottom bottom-edge-tile h-pos-0"></div><divclass="bottom bottom-edge-tile h-pos-1"></div><divclass="bottom bottom-edge-tile h-pos-2"></div><divclass="bottom bottom-edge-tile h-pos-3"></div><divclass="bottom left bottom-left-corner-tile"></div><divclass="left left-edge-tile v-pos-0"></div><divclass="left left-edge-tile v-pos-1"></div><divclass="left left-edge-tile v-pos-2"></div><divclass="left left-edge-tile v-pos-3"></div></div>
