Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-tables/collapsed-border-partial-invalidation-002.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html class="reftest-wait">
<link rel="author" title="David Shin" href="dshin@mozilla.com">
<link rel="match" href="collapsed-border-partial-invalidation-002-ref.html">
<meta name="assert" content="Invalidating part of a border-collapsed table keeps border styling correctly.">
<style>
table {
border-collapse: collapse;
}
.group {
border-top: 1px solid black;
border-bottom: 3px solid black;
}
</style>
<table id="table">
<tr id="row"><td class="group">X</td><td>X</td><td id="last" class="group">X</td></tr>
</table>
<script>
onload = function () {
// Make sure the table layout is flushed
table.getBoundingClientRect();
let td = document.createElement('td');
td.innerText = "X";
last.before(td);
document.documentElement.className = "";
}
</script>
</html>