border-image-013.html (869B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title> 6 CSS Backgrounds and Borders Test: border-image-repeat: repeat (basic) 7 </title> 8 9 10 <link rel="author" title="Jérémie Patonnier" href="mailto:jeremie@patonnier.net"> 11 <link rel="match" href="reference/border-image-013-ref.html"> 12 <link rel="help" href="http://www.w3.org/TR/css3-background/#border-image-repeat"> 13 14 <style type="text/css"> 15 16 #test { 17 border : 10px solid red; 18 width : 30px; 19 height : 30px; 20 21 border-image-source: url(support/img-ref-2.png); 22 border-image-slice : 10; 23 border-image-repeat: repeat; 24 } 25 26 </style> 27 28 </head> 29 <body> 30 31 <p> 32 Pass if the square has borders made of green dots and <strong>no red</strong>. 33 </p> 34 35 <div id="test"></div> 36 37 </body> 38 </html>