testing/web-platform/tests/css/css-backgrounds/border-image-repeat-space-7.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8">
   5     <title>CSS Border Image: border-image-repeat: space</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     <link rel="help" href="https://www.w3.org/TR/css3-background/#the-border-image-repeat">
   9     <link rel="match" href="border-image-repeat-space-7-ref.html">
  10     <meta name="assert" content="The test checks whether border-image-repeat: 'space' with 'fill' uses the correct formula when multiple image fit.">
  11     <style type="text/css">
  12       .outer {
  13         position: absolute;
  14         left: 0px;
  15         top: 0px;
  16         border-width: 27px;
  17         border-style: solid;
  18         border-image: url("support/reticule.png") 27 fill space;
  19         width: 78px;
  20         height: 78px;
  21       }
  22     </style>
  23   </head>
  24   <body>
  25     <div class="outer"></div>
  26   </body>
  27 </html>