table-border-3q.html (2270B)
1 <!-- Intentionally omitting doctype, to test quirks mode. --> 2 <head> 3 <title>Testing default 'border-color' on table (with 'color' set), in quirks mode</title> 4 <meta charset="utf-8"> 5 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> 6 <link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#tables-2"> 7 <link rel="match" href="table-border-3-ref.html"> 8 <style> 9 * { 10 /* This sets the used value of 'currentColor', which is what should be 11 used for all border-coloring in this test: */ 12 color: teal; 13 /* This only affects the elements that we specify 'border-style' on: */ 14 border-width: 6px; 15 } 16 17 table { 18 height: 30px; 19 width: 30px; 20 border-spacing: 0; 21 22 /* To test in "rows": */ 23 float: left; 24 margin: 1px; 25 } 26 br { 27 clear: both; 28 } 29 30 .dotted { 31 border-style: dotted; 32 } 33 .dashed { 34 border-style: dashed; 35 } 36 .solid { 37 border-style: solid; 38 } 39 .double { 40 border-style: double; 41 } 42 .groove { 43 border-style: groove; 44 } 45 .ridge { 46 border-style: ridge; 47 } 48 .inset { 49 border-style: inset; 50 } 51 .outset { 52 border-style: outset; 53 } 54 </style> 55 </head> 56 57 <table class="dotted"><td></td></table> 58 <table><th class="dotted"></th></table> 59 <table><td class="dotted"></td></table> 60 <br> 61 62 <table class="dashed"><td></td></table> 63 <table><th class="dashed"></th></table> 64 <table><td class="dashed"></td></table> 65 <br> 66 67 <table class="solid"><td></td></table> 68 <table><th class="solid"></th></table> 69 <table><td class="solid"></td></table> 70 <br> 71 72 <table class="double"><td></td></table> 73 <table><th class="double"></th></table> 74 <table><td class="double"></td></table> 75 <br> 76 77 <table class="groove"><td></td></table> 78 <table><th class="groove"></th></table> 79 <table><td class="groove"></td></table> 80 <br> 81 82 <table class="ridge"><td></td></table> 83 <table><th class="ridge"></th></table> 84 <table><td class="ridge"></td></table> 85 <br> 86 87 <table class="inset"><td></td></table> 88 <table><th class="inset"></th></table> 89 <table><td class="inset"></td></table> 90 <br> 91 92 <table class="outset"><td></td></table> 93 <table><th class="outset"></th></table> 94 <table><td class="outset"></td></table> 95 <br>