border-image-repeat-round-2.html (990B)
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 <meta name="fuzzy" content="maxDifference=0-55; totalPixels=0-380"> 12 <style type="text/css"> 13 .outer { 14 position: absolute; 15 left: 0px; 16 top: 0px; 17 border: 27px solid transparent; 18 border-image: url("support/border.png") 27; 19 border-image-repeat: round round; 20 width: 13px; 21 height: 13px; 22 } 23 </style> 24 </head> 25 <body> 26 <div class="outer"></div> 27 </body> 28 </html>