border-spacing-svg-zoom-table-display.html (972B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Tables: border-spacing with display: table on non-root SVG</title> 6 <link rel="help" href="https://www.w3.org/TR/CSS22/tables.html#separated-borders"> 7 <link rel="help" href="https://www.w3.org/TR/css-tables-3/#separated-borders"> 8 <link rel="match" href="border-spacing-svg-zoom-table-display-ref.html"> 9 <style> 10 .container { 11 width: 400px; 12 height: 100px; 13 } 14 15 .table-group { 16 display: table; 17 border-spacing: 10px; 18 border-collapse: separate; 19 } 20 21 .table-row { 22 display: table-row; 23 } 24 25 .table-cell { 26 display: table-cell; 27 } 28 </style> 29 </head> 30 <body> 31 <div class="container"> 32 <svg width="100%" height="100%" style="zoom: 2.0;"> 33 <g class="table-group"> 34 <g class="table-row"> 35 <rect class="table-cell" x="0" y="0" width="60" height="40" /> 36 <rect class="table-cell" x="80" y="0" width="60" height="40" /> 37 </g> 38 </g> 39 </svg> 40 </div> 41 </body> 42 </html>