css3-border-image-repeat-stretch-ref.html (1235B)
1 <!DOCTYPE html> 2 3 <meta charset="UTF-8"> 4 5 <title>CSS Reference Test</title> 6 7 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> 8 9 <style> 10 table 11 { 12 border-spacing: 0px; 13 table-layout: fixed; 14 width: 154px; 15 } 16 17 td 18 { 19 height: 27px; 20 padding: 0px; 21 } 22 23 td.corner 24 { 25 background-image: url("../support/blue-and-red-diamonds-81x81.png"); 26 } 27 28 img 29 { 30 vertical-align: top; 31 } 32 </style> 33 34 <p>Test passes if a blue diamond is stretched between red diamonds. 35 36 <table> 37 38 <col width="27"><col width="100"><col width="27"> 39 40 <tr><td class="corner"><td><img src="../support/blue-diamond-27x27.png" width="100" height="27" alt="Image download support must be enabled"><td class="corner"> 41 42 <tr><td><img src="../support/blue-diamond-27x27.png" width="27" height="100" alt="Image download support must be enabled"><td><td><img src="../support/blue-diamond-27x27.png" width="27" height="100" alt="Image download support must be enabled"> 43 44 <tr><td class="corner"><td><img src="../support/blue-diamond-27x27.png" width="100" height="27" alt="Image download support must be enabled"><td class="corner"> 45 46 </table>