| <!doctype html> |
| <title>Collapsed borders and background-clip</title> |
| <link rel="author" title="David Grogan" href="mailto:[email protected]"> |
| <link rel="help" href="https://drafts.csswg.org/css-tables-3/#in-collapsed-borders-mode"> |
| <link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#the-background-clip"> |
| <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> |
| <link rel="bookmark" href="https://crbug.com/1008400" /> |
| <meta name="assert" content="background-clip on a cell with collapsed borders is calculated correctly" /> |
| |
| <style> |
| table { |
| border-collapse: collapse; |
| /* The properties after the blank line are not the behavior under test. */ |
| |
| background: red; |
| } |
| |
| td { |
| background-clip: content-box; |
| border: 30px solid green; |
| |
| background-color: green; |
| padding: 0px; |
| line-height: 0px; |
| } |
| |
| .cell-content { |
| display: inline-block; |
| |
| height: 40px; |
| width: 40px; |
| } |
| </style> |
| <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> |
| |
| <table> |
| <tr> |
| <td> |
| <span class="cell-content"></span> |
| </td> |
| </tr> |
| </table> |
