row-group-margin-border-padding.html (2247B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Table test: table-row-group border/padding/margin has no effect in border-collapse:separate tables</title> 5 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 6 <link rel="help" href="https://www.w3.org/TR/CSS22/tables.html#separated-borders"> 7 <link rel="match" href="row-group-margin-border-padding-ref.html"> 8 <style> 9 .ltr { direction:ltr; } 10 .rtl { direction:rtl; } 11 table, td { 12 border: 3px solid; 13 } 14 .bc table { 15 border-collapse: collapse; 16 } 17 18 tbody.inherited { 19 border: 3px dashed; 20 padding: 5px; 21 margin: 7px; 22 } 23 .inherited * { 24 border:inherit; 25 padding:inherit; 26 margin:inherit; 27 } 28 </style> 29 </head> 30 <body> 31 32 <table class="ltr"><tbody style="border: 20px solid"><tr><td></td><td></td></tr></tbody></table> 33 <table class="ltr"><tbody style="padding: 20px"><tr><td></td><td></td></tr></tbody></table> 34 <table class="ltr"><tbody style="margin: 20px"><tr><td></td><td></td></tr></tbody></table> 35 36 <table class="rtl"><tbody style="border: 20px solid"><tr><td></td><td></td></tr></tbody></table> 37 <table class="rtl"><tbody style="padding: 20px"><tr><td></td><td></td></tr></tbody></table> 38 <table class="rtl"><tbody style="margin: 20px"><tr><td></td><td></td></tr></tbody></table> 39 40 <table class="ltr"><tbody class="inherited"><tr><td></td><td></td></tr></tbody></table> 41 <table class="rtl"><tbody class="inherited"><tr><td></td><td></td></tr></tbody></table> 42 43 <!-- ditto with border-collapse:collapse --> 44 <div class="bc"> 45 <table class="ltr"><tbody style="border: 20px solid"><tr><td></td><td></td></tr></tbody></table> 46 <table class="ltr"><tbody style="padding: 20px"><tr><td></td><td></td></tr></tbody></table> 47 <table class="ltr"><tbody style="margin: 20px"><tr><td></td><td></td></tr></tbody></table> 48 49 <table class="rtl"><tbody style="border: 20px solid"><tr><td></td><td></td></tr></tbody></table> 50 <table class="rtl"><tbody style="padding: 20px"><tr><td></td><td></td></tr></tbody></table> 51 <table class="rtl"><tbody style="margin: 20px"><tr><td></td><td></td></tr></tbody></table> 52 53 <table class="ltr"><tbody class="inherited"><tr><td></td><td></td></tr></tbody></table> 54 <table class="rtl"><tbody class="inherited"><tr><td></td><td></td></tr></tbody></table> 55 </div> 56 57 </body> 58 </html>