repeat-image-1.html (1151B)
1 <!DOCTYPE html> 2 <html lang="en-US"> 3 <head> 4 <title>test of border-image</title> 5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 6 <meta http-equiv="Content-Style-Type" content="text/css"> 7 <style type="text/css"> 8 9 div.p1 { 10 background: red; /* fail if this shows through */ 11 background-image: url('3x3multicolor.png'); /* fail if this shows through */ 12 border-width: 1px 3px; 13 border-style: solid; 14 border-image: url('4x4multicolor.png') 1 1 1 1 repeat; 15 -khtml-border-image: url('4x4multicolor.png') 1 1 1 1 repeat; 16 border-image: url('4x4multicolor.png') 1 1 1 1 repeat; 17 } 18 19 div.p2 { 20 background: red; /* fail if this shows through */ 21 background-image: url('3x3multicolor.png'); /* fail if this shows through */ 22 border-width: 1px 3px; 23 border-style: solid; 24 border-image: url('4x4multicolor.png') 1 1 1 1; 25 -khtml-border-image: url('4x4multicolor.png') 1 1 1 1; 26 border-image: url('4x4multicolor.png') 1 1 1 1; 27 } 28 29 </style> 30 </head> 31 <body> 32 <div class="p1" style="width: 4px; height: 2px"></div> 33 <!--<div class="p2" style="width: 4px; height: 2px"></div> --> 34 </body> 35 </html>