border-image-repeat-005.html (583B)
1 <!DOCTYPE html> 2 <title>'border-image-repeat' with 'space' and 'round'</title> 3 <link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-image-repeat"> 4 <link rel="match" href="reference/border-image-repeat-005-ref.html"> 5 <style> 6 #target { 7 width: 255px; 8 height: 80px; 9 border: 10px solid red; 10 border-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><rect width='100' height='100' fill='green'/></svg>") 0 fill / 0px space round; 11 } 12 </style> 13 <p>There should be two green rectangles below:</p> 14 <div id="target"></div>