| layer at (0,0) size 1498x899 |
| RenderView at (0,0) size 785x585 |
| layer at (0,0) size 785x899 |
| RenderBlock {HTML} at (0,0) size 785x899 |
| RenderBody {BODY} at (8,21) size 769x870 |
| RenderBlock {H1} at (0,0) size 769x37 |
| RenderText {#text} at (0,0) size 290x37 |
| text run at (0,0) width 290: "Table Border Models" |
| RenderBlock {P} at (0,58) size 769x19 |
| RenderText {#text} at (0,0) size 117x18 |
| text run at (0,0) width 117: "This tests tests the " |
| RenderInline {A} at (0,0) size 208x18 [color=#0000EE] |
| RenderText {#text} at (117,0) size 208x18 |
| text run at (117,0) width 208: "CSS2 spec rules on table borders" |
| RenderText {#text} at (325,0) size 180x18 |
| text run at (325,0) width 8: ". " |
| text run at (333,0) width 172: "The styles applied here are:" |
| RenderBlock {PRE} at (0,92) size 769x181 |
| RenderText {#text} at (0,0) size 688x180 |
| text run at (0,0) width 408: "TABLE { margin: 1em; border: medium solid blue; }" |
| text run at (408,0) width 0: " " |
| text run at (0,15) width 376: "TD { border: thin solid green; padding: 5px; }" |
| text run at (376,15) width 0: " " |
| text run at (0,30) width 392: "TH { border: medium solid purple; padding: 5px; }" |
| text run at (392,30) width 0: " " |
| text run at (0,45) width 360: "TABLE.one, TABLE.two { border-spacing: 1em; }" |
| text run at (360,45) width 0: " " |
| text run at (0,60) width 320: "TABLE.one { border-collapse: collapse; }" |
| text run at (320,60) width 0: " " |
| text run at (0,75) width 320: "TABLE.two { border-collapse: separate; }" |
| text run at (320,75) width 0: " " |
| text run at (0,90) width 536: "TABLE.three { border-collapse: separate; border-spacing: 0 0.5em; }" |
| text run at (536,90) width 0: " " |
| text run at (0,105) width 528: "TABLE.four { border-collapse: separate; border-spacing: 0.5em 0; }" |
| text run at (528,105) width 0: " " |
| text run at (0,120) width 328: "TABLE.five { border-collapse: separate; }" |
| text run at (328,120) width 0: " " |
| text run at (0,135) width 464: "TABLE.five, TABLE.five TD, TABLE.five TH { border: none; }" |
| text run at (464,135) width 0: " " |
| text run at (0,150) width 688: "TABLE.five TR, TABLE.five COL, TABLE.five COLGROUP, TABLE.five TBODY, TABLE.five THEAD" |
| text run at (688,150) width 0: " " |
| text run at (0,165) width 264: " { border: medium solid red; }" |
| text run at (264,165) width 0: " " |
| RenderBlock {DIV} at (0,285) size 1490x585 |
| RenderTable {TABLE} at (16,16) size 238x552 [border: (1px solid #0000FF)] |
| RenderTableSection {TBODY} at (1,1) size 235x549 |
| RenderTableRow {TR} at (0,0) size 31x549 |
| RenderTableCell {TH} at (0,0) size 31x184 [border: (2px solid #800080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (6,51) size 18x83 |
| text run at (6,51) width 82: "Header One" |
| RenderTableCell {TH} at (0,184) size 31x173 [border: (2px solid #800080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,44) size 18x86 |
| text run at (6,44) width 85: "Header Two" |
| RenderTableCell {TH} at (0,357) size 31x192 [border: (2px solid #800080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,49) size 18x95 |
| text run at (6,49) width 95: "Header Three" |
| RenderTableRow {TR} at (0,31) size 102x549 |
| RenderTableCell {TD} at (31,27) size 102x130 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (33,-20) size 36x157 |
| text run at (33,-20) width 116: "This table uses the" |
| text run at (51,-20) width 157: "collapsed borders model." |
| RenderTableCell {TD} at (31,202) size 102x137 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (24,-12) size 54x158 |
| text run at (24,-12) width 158: "This means that elements" |
| text run at (42,-12) width 143: "within the cell have no" |
| text run at (60,-12) width 98: "border-spacing." |
| RenderTableCell {TD} at (31,357) size 102x192 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 90x168 |
| text run at (6,6) width 135: "Since it has collapsed" |
| text run at (24,6) width 168: "borders, the borders on the" |
| text run at (42,6) width 82: "header cells, " |
| text run at (42,88) width 74: "on all sides," |
| text run at (60,6) width 150: "should be medium solid" |
| text run at (78,6) width 44: "purple." |
| RenderTableRow {TR} at (0,133) size 102x549 |
| RenderTableCell {TD} at (133,0) size 102x184 [border: (2px solid #008000)] [r=2 c=0 rs=1 cs=1] |
| RenderText {#text} at (5,7) size 90x153 |
| text run at (5,7) width 144: "The border of the table" |
| text run at (23,7) width 150: "itself should be medium" |
| text run at (41,7) width 114: "solid blue, except " |
| text run at (41,121) width 39: "where" |
| text run at (59,7) width 153: "header cells override the" |
| text run at (77,7) width 45: "border." |
| RenderTableCell {TD} at (133,184) size 102x173 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1] |
| RenderText {#text} at (5,6) size 90x161 |
| text run at (5,6) width 161: "The borders that I haven't" |
| text run at (23,6) width 140: "already mentioned (all" |
| text run at (41,6) width 110: "the other internal " |
| text run at (41,116) width 34: "ones)" |
| text run at (59,6) width 123: "should be thin solid" |
| text run at (77,6) width 39: "green." |
| RenderTableCell {TD} at (133,357) size 102x192 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (5,6) size 72x153 |
| text run at (5,6) width 153: "This table should have a" |
| text run at (23,6) width 142: "1em margin around all" |
| text run at (41,6) width 44: "edges. " |
| text run at (41,50) width 80: "This margin " |
| text run at (41,130) width 10: "is" |
| text run at (59,6) width 121: "measured from the " |
| RenderInline {EM} at (0,0) size 18x43 |
| RenderText {#text} at (59,127) size 18x43 |
| text run at (59,127) width 43: "middle" |
| RenderText {#text} at (77,6) size 18x80 |
| text run at (77,6) width 80: "of its border." |
| RenderTable {TABLE} at (270,16) size 290x552 [border: (3px solid #0000FF)] |
| RenderTableSection {TBODY} at (3,3) size 284x546 |
| RenderTableRow {TR} at (0,16) size 34x546 |
| RenderTableCell {TH} at (16,16) size 34x117 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (8,17) size 18x83 |
| text run at (8,17) width 82: "Header One" |
| RenderTableCell {TH} at (16,149) size 34x139 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (8,27) size 18x85 |
| text run at (8,27) width 85: "Header Two" |
| RenderTableCell {TH} at (16,304) size 34x226 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (8,65) size 18x96 |
| text run at (8,65) width 95: "Header Three" |
| RenderTableRow {TR} at (0,66) size 84x546 |
| RenderTableCell {TD} at (66,25) size 84x99 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (15,-3) size 54x94 |
| text run at (15,-3) width 93: "This table uses" |
| text run at (33,-3) width 82: "the separated" |
| text run at (51,-3) width 94: "borders model." |
| RenderTableCell {TD} at (66,149) size 84x139 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 72x122 |
| text run at (6,6) width 99: "This means that" |
| text run at (24,6) width 122: "elements within the" |
| text run at (42,6) width 106: "cell have border-" |
| text run at (60,6) width 100: "spacing of 1em." |
| RenderTableCell {TD} at (66,313) size 84x208 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (15,-3) size 54x201 |
| text run at (15,-3) width 201: "The borders on the header cells," |
| text run at (33,-3) width 194: "on all sides, should be medium" |
| text run at (51,-3) width 78: "solid purple." |
| RenderTableRow {TR} at (0,166) size 102x546 |
| RenderTableCell {TD} at (166,16) size 102x117 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 90x87 |
| text run at (6,6) width 87: "The border of" |
| text run at (24,6) width 87: "the table itself" |
| text run at (42,6) width 61: "should be" |
| text run at (60,6) width 85: "medium solid" |
| text run at (78,6) width 31: "blue." |
| RenderTableCell {TD} at (166,167) size 102x103 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1] |
| RenderText {#text} at (24,-12) size 54x120 |
| text run at (24,-12) width 93: "The borders of" |
| text run at (42,-12) width 110: "other cells should" |
| text run at (60,-12) width 120: "be thin solid green." |
| RenderTableCell {TD} at (166,313) size 102x208 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (15,-3) size 54x187 |
| text run at (15,-3) width 184: "This table should have a 1em" |
| text run at (33,-3) width 159: "margin around all edges. " |
| text run at (33,156) width 28: "This" |
| text run at (51,-3) width 48: "margin " |
| text run at (51,45) width 131: "is measured from the" |
| RenderInline {EM} at (0,0) size 18x67 |
| RenderText {#text} at (69,-3) size 18x67 |
| text run at (69,-3) width 67: "outer edge" |
| RenderText {#text} at (69,64) size 18x84 |
| text run at (69,64) width 84: " of its border." |
| RenderTable {TABLE} at (576,16) size 312x552 [border: (3px solid #0000FF)] |
| RenderTableSection {TBODY} at (3,3) size 306x546 |
| RenderTableRow {TR} at (0,8) size 34x546 |
| RenderTableCell {TH} at (8,0) size 34x141 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (8,29) size 18x83 |
| text run at (8,29) width 82: "Header One" |
| RenderTableCell {TH} at (8,141) size 34x199 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (8,57) size 18x85 |
| text run at (8,57) width 85: "Header Two" |
| RenderTableCell {TH} at (8,340) size 34x206 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (8,55) size 18x96 |
| text run at (8,55) width 95: "Header Three" |
| RenderTableRow {TR} at (0,50) size 120x546 |
| RenderTableCell {TD} at (50,27) size 120x87 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (33,-21) size 54x116 |
| text run at (33,-21) width 116: "This table uses the" |
| text run at (51,-21) width 110: "separated borders" |
| text run at (69,-21) width 43: "model." |
| RenderTableCell {TD} at (50,141) size 120x199 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 108x185 |
| text run at (6,6) width 185: "Elements within the cell have" |
| text run at (24,6) width 161: "horizontal border-spacing" |
| text run at (42,6) width 89: "(i.e., width of " |
| text run at (42,95) width 84: "vertical lines)" |
| text run at (60,6) width 106: "of 0 and vertical " |
| text run at (60,112) width 46: "border-" |
| text run at (78,6) width 140: "spacing (i.e., height of" |
| text run at (96,6) width 165: "horizontal lines) of 0.5em." |
| RenderTableCell {TD} at (50,367) size 120x152 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (33,-21) size 54x175 |
| text run at (33,-21) width 165: "The borders on the header" |
| text run at (51,-21) width 36: "cells, " |
| text run at (51,15) width 139: "on all sides, should be" |
| text run at (69,-21) width 133: "medium solid purple." |
| RenderTableRow {TR} at (0,178) size 120x546 |
| RenderTableCell {TD} at (178,0) size 120x141 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 108x129 |
| text run at (6,6) width 110: "The border of the" |
| text run at (24,6) width 129: "table itself should be" |
| text run at (42,6) width 120: "medium solid blue." |
| text run at (60,6) width 129: "The borders of other" |
| text run at (78,6) width 121: "cells should be thin" |
| text run at (96,6) width 73: "solid green." |
| RenderTableCell {TD} at (178,159) size 120x163 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1] |
| RenderText {#text} at (24,-12) size 54x187 |
| text run at (24,-12) width 184: "This table should have a 1em" |
| text run at (42,-12) width 159: "margin around all edges. " |
| text run at (42,147) width 28: "This" |
| text run at (60,-12) width 48: "margin " |
| text run at (60,36) width 131: "is measured from the" |
| RenderInline {EM} at (0,0) size 18x67 |
| RenderText {#text} at (78,-12) size 18x67 |
| text run at (78,-12) width 67: "outer edge" |
| RenderText {#text} at (78,55) size 18x84 |
| text run at (78,55) width 84: " of its border." |
| RenderTableCell {TD} at (178,340) size 120x206 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 108x192 |
| text run at (6,6) width 188: "The table should not be wider" |
| text run at (24,6) width 181: "than the room available for it" |
| text run at (42,6) width 43: "unless " |
| text run at (42,49) width 149: "that space is very small." |
| text run at (60,6) width 169: "Because of its margins, the" |
| text run at (78,6) width 80: "width of the " |
| text run at (78,86) width 95: "table should be" |
| text run at (96,6) width 99: "less than 100%." |
| RenderTable {TABLE} at (904,16) size 280x552 [border: (3px solid #0000FF)] |
| RenderTableSection {TBODY} at (3,3) size 274x546 |
| RenderTableRow {TR} at (0,0) size 34x546 |
| RenderTableCell {TH} at (0,8) size 34x148 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (8,33) size 18x82 |
| text run at (8,33) width 82: "Header One" |
| RenderTableCell {TH} at (0,164) size 34x150 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (8,32) size 18x86 |
| text run at (8,32) width 85: "Header Two" |
| RenderTableCell {TH} at (0,322) size 34x216 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (8,60) size 18x96 |
| text run at (8,60) width 95: "Header Three" |
| RenderTableRow {TR} at (0,34) size 102x546 |
| RenderTableCell {TD} at (34,26) size 102x112 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (24,-12) size 54x116 |
| text run at (24,-12) width 116: "This table uses the" |
| text run at (42,-12) width 110: "separated borders" |
| text run at (60,-12) width 43: "model." |
| RenderTableCell {TD} at (34,164) size 102x150 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 90x127 |
| text run at (6,6) width 125: "Elements within the" |
| text run at (24,6) width 123: "cell have horizontal" |
| text run at (42,6) width 111: "border-spacing of" |
| text run at (60,6) width 116: "0.5em and vertical" |
| text run at (78,6) width 127: "border-spacing of 0." |
| RenderTableCell {TD} at (34,340) size 102x180 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (24,-12) size 54x201 |
| text run at (24,-12) width 201: "The borders on the header cells," |
| text run at (42,-12) width 194: "on all sides, should be medium" |
| text run at (60,-12) width 78: "solid purple." |
| RenderTableRow {TR} at (0,136) size 138x546 |
| RenderTableCell {TD} at (136,17) size 138x130 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1] |
| RenderText {#text} at (15,-3) size 108x129 |
| text run at (15,-3) width 110: "The border of the" |
| text run at (33,-3) width 129: "table itself should be" |
| text run at (51,-3) width 120: "medium solid blue." |
| text run at (69,-3) width 129: "The borders of other" |
| text run at (87,-3) width 121: "cells should be thin" |
| text run at (105,-3) width 73: "solid green." |
| RenderTableCell {TD} at (136,164) size 138x150 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 90x120 |
| text run at (6,6) width 108: "This table should" |
| text run at (24,6) width 120: "have a 1em margin" |
| text run at (42,6) width 107: "around all edges." |
| text run at (60,6) width 80: "This margin " |
| text run at (60,86) width 10: "is" |
| text run at (78,6) width 117: "measured from the" |
| RenderInline {EM} at (0,0) size 18x67 |
| RenderText {#text} at (96,6) size 18x67 |
| text run at (96,6) width 67: "outer edge" |
| RenderText {#text} at (96,73) size 36x102 |
| text run at (96,73) width 35: " of its" |
| text run at (114,6) width 45: "border." |
| RenderTableCell {TD} at (136,331) size 138x198 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (15,-3) size 108x202 |
| text run at (15,-3) width 188: "The table should not be wider" |
| text run at (33,-3) width 181: "than the room available for it" |
| text run at (51,-3) width 43: "unless " |
| text run at (51,40) width 149: "that space is very small." |
| text run at (69,-3) width 169: "Because of its margins, the" |
| text run at (87,-3) width 80: "width of the " |
| text run at (87,77) width 122: "table should be less" |
| text run at (105,-3) width 72: "than 100%." |
| RenderTable {TABLE} at (1200,16) size 274x552 |
| RenderBlock {CAPTION} at (0,0) size 18x552 |
| RenderText {#text} at (0,216) size 18x120 |
| text run at (0,216) width 119: "This is the caption." |
| RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF0000)] |
| RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] |
| RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF0000)] |
| RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] |
| RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] |
| RenderTableSection {THEAD} at (18,0) size 50x552 [border: (3px solid #FF0000)] |
| RenderTableRow {TR} at (0,2) size 46x552 [border: (3px solid #FF0000)] |
| RenderTableCell {TH} at (2,2) size 46x89 [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (5,19) size 36x51 |
| text run at (5,19) width 50: "Header" |
| text run at (23,30) width 28: "One" |
| RenderTableCell {TH} at (2,102) size 46x221 [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (14,68) size 18x85 |
| text run at (14,68) width 85: "Header Two" |
| RenderTableCell {TH} at (2,343) size 46x198 [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (14,51) size 18x96 |
| text run at (14,51) width 95: "Header Three" |
| RenderTableSection {TBODY} at (68,0) size 206x552 [border: (3px solid #FF0000)] |
| RenderTableRow {TR} at (0,2) size 100x552 [border: (3px solid #FF0000)] |
| RenderTableCell {TD} at (2,2) size 100x89 [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (5,5) size 90x62 |
| text run at (5,5) width 62: "This table" |
| text run at (23,5) width 50: "uses the" |
| text run at (41,5) width 59: "separated" |
| text run at (59,5) width 47: "borders" |
| text run at (77,5) width 43: "model." |
| RenderTableCell {TD} at (2,111) size 100x203 [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (23,-13) size 54x227 |
| text run at (23,-13) width 227: "This means that borders are allowed" |
| text run at (41,-13) width 196: "only on table elements or table " |
| text run at (41,183) width 22: "cell" |
| text run at (59,-13) width 59: "elements." |
| RenderTableCell {TD} at (2,343) size 100x198 [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (14,-4) size 72x182 |
| text run at (14,-4) width 154: "They are not allowed on" |
| text run at (32,-4) width 182: "elements that represent rows," |
| text run at (50,-4) width 155: "row-groups, columns, or" |
| text run at (68,-4) width 99: "column-groups." |
| RenderTableRow {TR} at (0,104) size 100x552 [border: (3px solid #FF0000)] |
| RenderTableCell {TD} at (104,2) size 100x89 [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (5,5) size 90x76 |
| text run at (5,5) width 37: "There" |
| text run at (23,5) width 61: "should be" |
| text run at (41,5) width 67: "no borders" |
| text run at (59,5) width 76: "at all on this" |
| text run at (77,5) width 35: "table!" |
| RenderTableCell {TD} at (104,102) size 100x221 [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (14,-4) size 72x219 |
| text run at (14,-4) width 219: "If there are any borders shown that" |
| text run at (32,-4) width 195: "are not medium solid red, then " |
| text run at (32,191) width 19: "the" |
| text run at (50,-4) width 202: "problem is something other than" |
| text run at (68,-4) width 145: "what this test is testing." |
| RenderTableCell {TD} at (104,343) size 100x198 [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (14,-4) size 54x187 |
| text run at (14,-4) width 184: "This table should have a 1em" |
| text run at (32,-4) width 159: "margin around all edges. " |
| text run at (32,155) width 28: "This" |
| text run at (50,-4) width 48: "margin " |
| text run at (50,44) width 131: "is measured from the" |
| RenderInline {EM} at (0,0) size 18x67 |
| RenderText {#text} at (68,-4) size 18x67 |
| text run at (68,-4) width 67: "outer edge" |
| RenderText {#text} at (68,63) size 18x84 |
| text run at (68,63) width 84: " of its border." |
