border-image-element-ref.html (492B)
1 <!DOCTYPE html> 2 <html lang="en-US"> 3 <head> 4 <title>test of border-image-source: element</title> 5 <style> 6 div.border { 7 border: 30px solid black; 8 border-image: url('diamonds.png'); 9 width: 180px; 10 height: 180px; 11 } 12 div.border2 { 13 border: 30px solid black; 14 border-image: url('diamonds.png'); 15 border-image-slice: 5; 16 width: 180px; 17 height: 180px; 18 } 19 </style> 20 </head> 21 <body> 22 <div class="border"></div><br> 23 <div class="border2"></div><br> 24 <img id="src" src="diamonds.png"> 25 </body> 26 </html>