curved-borders-all-styles.html 489 B

123456789101112131415161718192021222324252627282930
  1. <html>
  2. <head>
  3. <title>testcase for bug #382721</title>
  4. <style>
  5. div {
  6. background: beige;
  7. margin: 1ex;
  8. padding: 1ex;
  9. border-radius: 3ex;
  10. }
  11. </style>
  12. <script>
  13. function ini() {
  14. var s,i,d;
  15. s=['none','hidden','dotted','dashed','solid',
  16. 'double','groove','ridge','inset','outset'];
  17. for (i=0; i<s.length; i++) {
  18. d=document.createElement('div');
  19. d.style.border=d.innerHTML=s[i];
  20. document.body.appendChild(d);
  21. }}
  22. </script>
  23. </head>
  24. <body onload="ini()"></body>
  25. </html>