rules-groups.html (1556B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <title>CSS Test: legacy table rules attribute</title> 4 <link rel="author" title="Jonathan Kew" href="mailto:jfkthame@mozilla.com"> 5 <link rel="author" title="Mozilla" href="https://mozilla.org"> 6 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1832101"> 7 <link rel="match" href="rules-groups-ref.html"> 8 9 <style> 10 table { margin: 1em 1em 2em 1em; } 11 12 /* Modify style of the inter-group borders, assuming default UA rules are in effect. */ 13 14 /* With border-block-start suppressed, the block-end border should still appear: */ 15 #a > * { border-block-start: none; } 16 17 /* Change the color of the border: */ 18 #b > * { border-block-end-color: blue; } 19 20 /* Change the thickness of the border: */ 21 #c > * { border-block-end-width: 5px; } 22 </style> 23 24 <p>Borders between groups should be present:</p> 25 <table id=a rules=groups> 26 <thead><tr><td>head</td></tr></thead> 27 <tbody> 28 <tr><td>body</td><td>one</td></tr> 29 <tr><td>body</td><td>two</td></tr> 30 </tbody> 31 <tfoot><tr><td>foot</td></tr></tfoot> 32 </table> 33 34 <p>Borders between groups should be blue:</p> 35 <table id=b rules=groups> 36 <thead><tr><td>head</td></tr></thead> 37 <tbody> 38 <tr><td>body</td><td>one</td></tr> 39 <tr><td>body</td><td>two</td></tr> 40 </tbody> 41 <tfoot><tr><td>foot</td></tr></tfoot> 42 </table> 43 44 <p>Borders between groups should be 5px thick:</p> 45 <table id=c rules=groups> 46 <thead><tr><td>head</td></tr></thead> 47 <tbody> 48 <tr><td>body</td><td>one</td></tr> 49 <tr><td>body</td><td>two</td></tr> 50 </tbody> 51 <tfoot><tr><td>foot</td></tr></tfoot> 52 </table>