calc-width-table-auto-1

width: calc() on table-layout: auto tables

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Source

 1 <!DOCTYPE html>
 2 <html><head>
 3   <title>CSS Test: width: calc() on table-layout: auto tables</title>
 4   <link href="https://dbaron.org/" rel="author" title="L. David Baron">
 5   <link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help">
 6   <link href="reference/calc-width-table-auto-1-ref.htm" rel="match">
 7   <meta content="" name="flags">
 8 </head><body><table border="">
 9   <tbody><tr>
10     <td style="width: calc(500px)">x</td>
11     <td style="width: 100px">y</td>
12 </tr></tbody></table>
13 <table border="">
14   <tbody><tr>
15     <td style="width: calc(50%)">x</td>
16     <td style="width: 100px">y</td>
17 </tr></tbody></table>
18 <table border="">
19   <tbody><tr>
20     <td style="width: calc(2 * 10% + 0.5 * 500px)">x</td>
21     <td style="width: 100px">y</td>
22 </tr></tbody></table>
23 
24 
25 </body></html>