border-images.html (967B)
1 <!DOCTYPE HTML> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>CSS Backgrounds and Borders Test:border-images with round repeat</title> 6 <link rel="author" title="babyliner" href="mailto:babyliner1026@gmail.com" /> 7 <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image"> 8 <meta name="flags" content="image"> 9 <meta name="assert" content="Testing border-image-repeat:round attribute"> 10 <style type="text/css"> 11 .main { 12 width: 200px; 13 height: 200px; 14 border: 1px red solid; 15 border-image-source: url(./support/border-image.jpg); 16 border-image-slice: 100 100; 17 border-image-repeat: round; 18 border-image-width: 50 50; 19 } 20 </style> 21 </head> 22 <body> 23 <p class="explain">Test passes if there are borders with flowers.<br /> 24 Test fails if there are red solid borders</p> 25 <div class="main"></div> 26 </body> 27 </html>