background-clip-001.html (1097B)
1 <!doctype html> 2 <title>Collapsed borders and background-clip</title> 3 <link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org"> 4 <link rel="help" href="https://drafts.csswg.org/css-tables-3/#in-collapsed-borders-mode"> 5 <link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#the-background-clip"> 6 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 7 <link rel="bookmark" href="https://crbug.com/1008400" /> 8 <meta name="assert" content="background-clip on a cell with collapsed borders is calculated correctly" /> 9 10 <style> 11 table { 12 border-collapse: collapse; 13 /* The properties after the blank line are not the behavior under test. */ 14 15 background: red; 16 } 17 18 td { 19 background-clip: content-box; 20 border: 30px solid green; 21 22 background-color: green; 23 padding: 0px; 24 line-height: 0px; 25 } 26 27 .cell-content { 28 display: inline-block; 29 30 height: 40px; 31 width: 40px; 32 } 33 </style> 34 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 35 36 <table> 37 <tr> 38 <td> 39 <span class="cell-content"></span> 40 </td> 41 </tr> 42 </table>