border-image-repeating-radial-gradient-width.html (403B)
1 <!DOCTYPE html> 2 <html lang="en-US"> 3 <head> 4 <title>test of border-image-source: radial-gradient with border-image-width</title> 5 <style> 6 div.border { 7 border: 30px solid black; 8 border-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); 9 border-image-width: 0.5 1 2 3; 10 width: 180px; 11 height: 180px; 12 } 13 </style> 14 </head> 15 <body> 16 <div class="border"></div> 17 </body> 18 </html>