border-image-repeat-004-ref.html (1151B)
1 <!DOCTYPE html> 2 3 <meta charset="UTF-8"> 4 5 <title>CSS Reftest reference</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 margin: 70px; 14 table-layout: fixed; 15 } 16 17 td 18 { 19 height: 40px; 20 padding: 0px; 21 } 22 23 td.corner 24 { 25 background-image: url("../support/new-red-diamond-27x27.png"); 26 background-size: cover; 27 } 28 29 td#first-row-second-cell , td#third-row-second-cell , td.second-row 30 { 31 background-image: url("../support/blue-diamond-27x27.png"); 32 background-size: 100px 40px; 33 } 34 35 td.second-row 36 { 37 background-size: 40px 100px; 38 height: 100px; 39 } 40 </style> 41 42 <p>Test passes if there is only one (and streched) blue diamond on each side of the border. 43 44 <table> 45 46 <col width="40"><col width="100"><col width="40"> 47 48 <tr><td class="corner"><td id="first-row-second-cell"><td class="corner"> 49 50 <tr><td class="second-row"><td><td class="second-row"> 51 52 <tr><td class="corner"><td id="third-row-second-cell"><td class="corner"> 53 54 </table>