Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /svg/styling/border-spacing-svg-zoom-table-display.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Tables: border-spacing with display: table on non-root SVG</title>
<link rel="match" href="border-spacing-svg-zoom-table-display-ref.html">
<style>
.container {
width: 400px;
height: 100px;
}
.table-group {
display: table;
border-spacing: 10px;
border-collapse: separate;
}
.table-row {
display: table-row;
}
.table-cell {
display: table-cell;
}
</style>
</head>
<body>
<div class="container">
<svg width="100%" height="100%" style="zoom: 2.0;">
<g class="table-group">
<g class="table-row">
<rect class="table-cell" x="0" y="0" width="60" height="40" />
<rect class="table-cell" x="80" y="0" width="60" height="40" />
</g>
</g>
</svg>
</div>
</body>
</html>