layout/reftests/border-image/svg-as-border-image-4-ref.html

   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>