box-shadow-001.html (1261B)
1 <!DOCTYPE html> 2 <title>Collapsed borders and box-shadow</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/#box-shadow"> 6 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 7 <link rel="bookmark" href="https://crbug.com/1006241" /> 8 <meta name="assert" content="box-shadow size and location on a cell with collapsed borders are calculated correctly" /> 9 10 <style> 11 table { 12 border-collapse: collapse; 13 } 14 15 /* Make the green box-shadow start at the inner edge of the border to cover up all the red. 16 Chrome's bug made the box-shadow start further toward the center. */ 17 td { 18 border: 20px solid green; 19 box-shadow: inset 60px 0px green; 20 /* The properties after the blank line aren't the focus of the test. */ 21 22 background: red; 23 line-height: 0px; 24 padding: 0px; 25 } 26 27 td > span { 28 display: inline-block; /* chrome only hits this bug when the td children are inline */ 29 30 height: 60px; 31 width: 60px; 32 } 33 </style> 34 35 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 36 <table> 37 <tr> 38 <td><span></span></td> 39 </tr> 40 </table>