third_party/WebKit/LayoutTests/svg/as-background-image/background-repeat.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5 <style>
   6 div {
   7   display: inline-block;
   8   width: 200px;
   9   height: 150px;
  10   margin: 10px;
  11   border: 1px solid green;
  12   background-image: url(resources/smiley.svg);
  13   background-size: 42px;
  14 }
  15 </style>
  16 </head>
  17
  18 <body>
  19   <div style="background-repeat: repeat repeat;"></div>
  20   <div style="background-repeat: repeat space;"></div>
  21   <div style="background-repeat: repeat round;"></div>
  22   <br>
  23
  24   <div style="background-repeat: space repeat;"></div>
  25   <div style="background-repeat: space space;"></div>
  26   <div style="background-repeat: space round;"></div>
  27   <br>
  28
  29   <div style="background-repeat: round repeat;"></div>
  30   <div style="background-repeat: round space;"></div>
  31   <div style="background-repeat: round round;"></div>
  32   <br>
  33
  34 </body>
  35 </html>