border-image-radial-gradient-width.html 392 B

12345678910111213141516171819
  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: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%);
  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>