synthesized-baseline-table-cell-001.html (1379B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Box Alignment Test: Synthesized baseline table cell</title> 6 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 7 <link rel="help" href="https://drafts.csswg.org/css-align-3/#synthesize-baseline"> 8 <link rel="help" href="https://drafts.csswg.org/css-align-3/#baseline-export"> 9 <link rel="match" href="synthesized-baseline-table-cell-001-ref.html"> 10 <style> 11 * { vertical-align: baseline; } 12 table { display: inline-table; border: 3px solid; } 13 td { width:10px; background-color:pink; background-clip:content-box; } 14 .p { padding: 50px 10px 100px 0; } 15 .size { height:80px; } 16 </style> 17 </head> 18 <body> 19 X 20 <table border=5><tr><td class="p"></td></tr></table> 21 <table border=5><tr><td class="p"></td><td>X</td></tr></table> 22 <table border=2><tr><td ></td></tr></table> 23 <table border=5><tr><td class="p size"></td></tr></table> 24 <table border=5><tr><td class="p size"></td><td>X</td></tr></table> 25 <table border=2><tr><td class="size" ></td></tr></table> 26 <table border=2><tr><td style="height:10px"></td><td style="height:20px"></td></tr></table> 27 <table border=2><tr><td style="height:20px"></td><td rowspan=2></td></tr><tr><td style="height:20px"></td></tr></table> 28 <table border=2><tr><td>X</td><td rowspan=2></td></tr><tr><td style="height:20px"></td></tr></table> 29 </body> 30 </html>