svg-as-border-image-4-ref.html (605B)
1 <html> 2 <head> 3 <title>reference of svg-as-border-image</title> 4 <style type="text/css"> 5 div { 6 width: 100px; 7 height: 100px; 8 margin: 30px; 9 border-width: 30px; 10 border-style: solid; 11 } 12 #border5p { 13 border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><circle cx="50%" cy="50%" r="50%" fill="red"/></svg>') 5% stretch; 14 } 15 #border25p { 16 border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><circle cx="50%" cy="50%" r="50%" fill="red"/></svg>') 25% stretch; 17 } 18 </style> 19 </head> 20 <body> 21 <div id="border5p"></div> 22 <div id="border25p"></div> 23 </body> 24 </html>