testing/web-platform/tests/css/css-backgrounds/border-image-repeat-round-2.html

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