testing/web-platform/tests/css/css-backgrounds/background-repeat-space-2-ref.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8">
   5     <title>CSS Background: background-repeat: position background image</title>
   6     <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
   7     <link rel="author" title="Mozilla" href="https://www.mozilla.org">
   8     <style type="text/css">
   9       .outer {
  10         width: 48px;
  11         height: 48px;
  12         border: 1px solid black;
  13         background-image: url(support/aqua-yellow-32x32.png);
  14         background-repeat: no-repeat;
  15         background-position: 5px 5px;
  16       }
  17       .outer_gradient {
  18         width: 48px;
  19         height: 48px;
  20         border: 1px solid black;
  21         background-size: 32px 32px;
  22         background-image: linear-gradient(to top left, red, green);
  23         background-repeat: no-repeat;
  24         background-position: 5px 5px;
  25       }
  26     </style>
  27   </head>
  28   <body>
  29     <div class="outer"></div>
  30     <div class="outer_gradient"></div>
  31   </body>
  32 </html>