| <!DOCTYPE html> |
| <head> |
| <title>Testing default 'border-color' on table (with 'color' set), in standards mode</title> |
| <meta charset="utf-8"> |
| <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> |
| <link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#tables-2"> |
| <link rel="match" href="table-border-3-ref.html"> |
| <style> |
| * { |
| /* This sets the used value of 'currentColor', which is what should be |
| used for all border-coloring in this test: */ |
| color: teal; |
| /* This only affects the elements that we specify 'border-style' on: */ |
| border-width: 6px; |
| } |
| |
| table { |
| height: 30px; |
| width: 30px; |
| border-spacing: 0; |
| |
| /* To test in "rows": */ |
| float: left; |
| margin: 1px; |
| } |
| br { |
| clear: both; |
| } |
| |
| .dotted { |
| border-style: dotted; |
| } |
| .dashed { |
| border-style: dashed; |
| } |
| .solid { |
| border-style: solid; |
| } |
| .double { |
| border-style: double; |
| } |
| .groove { |
| border-style: groove; |
| } |
| .ridge { |
| border-style: ridge; |
| } |
| .inset { |
| border-style: inset; |
| } |
| .outset { |
| border-style: outset; |
| } |
| </style> |
| </head> |
| |
| <table class="dotted"><td></td></table> |
| <table><th class="dotted"></th></table> |
| <table><td class="dotted"></td></table> |
| <br> |
| |
| <table class="dashed"><td></td></table> |
| <table><th class="dashed"></th></table> |
| <table><td class="dashed"></td></table> |
| <br> |
| |
| <table class="solid"><td></td></table> |
| <table><th class="solid"></th></table> |
| <table><td class="solid"></td></table> |
| <br> |
| |
| <table class="double"><td></td></table> |
| <table><th class="double"></th></table> |
| <table><td class="double"></td></table> |
| <br> |
| |
| <table class="groove"><td></td></table> |
| <table><th class="groove"></th></table> |
| <table><td class="groove"></td></table> |
| <br> |
| |
| <table class="ridge"><td></td></table> |
| <table><th class="ridge"></th></table> |
| <table><td class="ridge"></td></table> |
| <br> |
| |
| <table class="inset"><td></td></table> |
| <table><th class="inset"></th></table> |
| <table><td class="inset"></td></table> |
| <br> |
| |
| <table class="outset"><td></td></table> |
| <table><th class="outset"></th></table> |
| <table><td class="outset"></td></table> |
| <br> |