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