background-image-table-cells-zoomed.html (1120B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Background Test: A background image on table cells with collapsed borders should fill the table</title> 5 <link rel="author" title="schenney" href="mailto:schenney@chromium.org"> 6 <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-background-image"> 7 <link rel="match" href="reference/background-image-table-cells-zoomed-ref.html"> 8 <style> 9 body { 10 zoom: 121%; 11 } 12 .test-table { 13 display: table; 14 width: 600px; 15 border-collapse: collapse; 16 border-spacing: 0; 17 background-color: red; 18 } 19 .test-row { 20 padding: 0px; 21 border: 0px; 22 display: table-row; 23 } 24 .test-cell { 25 display: table-cell; 26 padding: 0px; 27 height: 50px; 28 border: 0px; 29 background: url("support/50x50-green.png"); 30 background-size: 100% 100%; 31 } 32 33 </style> 34 </head> 35 36 <body> 37 <div class="test-table"> 38 <div class="test-row"> 39 <div class="test-cell"></div> 40 <div class="test-cell"></div> 41 </div> 42 </div> 43 </body> 44 </html>