border-image-repeat-space-2-ref.html (1343B)
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 <style type="text/css"> 9 .outer { 10 width: 67px; 11 height: 67px; 12 } 13 .inner1 { 14 position: absolute; 15 top: 0px; 16 left: 0px; 17 width: 27px; 18 height: 27px; 19 background-image: url("support/border.png"); 20 } 21 .inner2 { 22 position: absolute; 23 top: 0px; 24 left: 40px; 25 width: 27px; 26 height: 27px; 27 background-image: url("support/border.png"); 28 } 29 .inner3 { 30 position: absolute; 31 top: 40px; 32 left: 0px; 33 width: 27px; 34 height: 27px; 35 background-image: url("support/border.png"); 36 } 37 .inner4 { 38 position: absolute; 39 top: 40px; 40 left: 40px; 41 width: 27px; 42 height: 27px; 43 background-image: url("support/border.png"); 44 } 45 </style> 46 </head> 47 <body> 48 <div class="outer"> 49 <div class="inner1"></div> 50 <div class="inner2"></div> 51 <div class="inner3"></div> 52 <div class="inner4"></div> 53 </div> 54 </body> 55 </html>