svg-as-border-image-1-ref.html (499B)
1 <!DOCTYPE html> 2 <html lang="en-US"> 3 <head> 4 <title>reference of svg-as-border-image</title> 5 <style> 6 div.border { 7 width: 40px; 8 height: 40px; 9 background-color: blue; 10 background-repeat: no-repeat; 11 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"><rect x="0" y="0" width="15" height="15" fill="pink"/><rect x="25" y="25" width="15" height="15" fill="green"/></svg>'); 12 } 13 14 </style> 15 </head> 16 <body> 17 <div class="border"></div> 18 </body> 19 </html>