| layer at (0,0) size 1596x898 |
| RenderView at (0,0) size 785x585 |
| layer at (0,0) size 785x898 |
| RenderBlock {HTML} at (0,0) size 785x898 |
| RenderBody {BODY} at (8,21) size 769x869 |
| RenderBlock {H1} at (0,0) size 769x37 |
| RenderText {#text} at (0,0) size 292x36 |
| text run at (0,0) width 292: "Table Border Models" |
| RenderBlock {P} at (0,58) size 769x21 |
| RenderText {#text} at (0,0) size 113x19 |
| text run at (0,0) width 113: "This tests tests the " |
| RenderInline {A} at (0,0) size 204x19 [color=#0000EE] |
| RenderText {#text} at (113,0) size 204x19 |
| text run at (113,0) width 204: "CSS2 spec rules on table borders" |
| RenderText {#text} at (317,0) size 172x19 |
| text run at (317,0) width 8: ". " |
| text run at (325,0) width 164: "The styles applied here are:" |
| RenderBlock {PRE} at (0,94) size 769x193 |
| RenderText {#text} at (0,0) size 688x192 |
| text run at (0,0) width 408: "TABLE { margin: 1em; border: medium solid blue; }" |
| text run at (0,16) width 376: "TD { border: thin solid green; padding: 5px; }" |
| text run at (0,32) width 392: "TH { border: medium solid purple; padding: 5px; }" |
| text run at (0,48) width 360: "TABLE.one, TABLE.two { border-spacing: 1em; }" |
| text run at (0,64) width 320: "TABLE.one { border-collapse: collapse; }" |
| text run at (0,80) width 320: "TABLE.two { border-collapse: separate; }" |
| text run at (0,96) width 536: "TABLE.three { border-collapse: separate; border-spacing: 0 0.5em; }" |
| text run at (0,112) width 528: "TABLE.four { border-collapse: separate; border-spacing: 0.5em 0; }" |
| text run at (0,128) width 328: "TABLE.five { border-collapse: separate; }" |
| text run at (0,144) width 464: "TABLE.five, TABLE.five TD, TABLE.five TH { border: none; }" |
| text run at (0,160) width 688: "TABLE.five TR, TABLE.five COL, TABLE.five COLGROUP, TABLE.five TBODY, TABLE.five THEAD" |
| text run at (0,176) width 264: " { border: medium solid red; }" |
| RenderBlock {DIV} at (0,299) size 1588x570 |
| RenderTable {TABLE} at (16,16) size 260x537 [border: (1px solid #0000FF)] |
| RenderTableSection {TBODY} at (1,1) size 257x534 |
| RenderTableRow {TR} at (0,0) size 33x534 |
| RenderTableCell {TH} at (0,0) size 33x180 [border: (2px solid #800080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (6,49) size 19x83 |
| text run at (6,49) width 82: "Header One" |
| RenderTableCell {TH} at (0,179) size 33x170 [border: (2px solid #800080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,43) size 19x83 |
| text run at (6,43) width 82: "Header Two" |
| RenderTableCell {TH} at (0,348) size 33x187 [border: (2px solid #800080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,46) size 19x95 |
| text run at (6,46) width 94: "Header Three" |
| RenderTableRow {TR} at (0,33) size 112x534 |
| RenderTableCell {TD} at (33,30) size 112x120 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (36,-23) size 39x153 |
| text run at (36,-23) width 110: "This table uses the" |
| text run at (56,-23) width 153: "collapsed borders model." |
| RenderTableCell {TD} at (33,199) size 112x130 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (26,-14) size 59x149 |
| text run at (26,-14) width 149: "This means that elements" |
| text run at (46,-14) width 132: "within the cell have no" |
| text run at (66,-14) width 96: "border-spacing." |
| RenderTableCell {TD} at (33,348) size 112x187 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 99x165 |
| text run at (6,6) width 129: "Since it has collapsed" |
| text run at (26,6) width 165: "borders, the borders on the" |
| text run at (46,6) width 79: "header cells, " |
| text run at (46,85) width 70: "on all sides," |
| text run at (66,6) width 141: "should be medium solid" |
| text run at (86,6) width 42: "purple." |
| RenderTableRow {TR} at (0,145) size 112x534 |
| RenderTableCell {TD} at (145,0) size 112x180 [border: (2px solid #008000)] [r=2 c=0 rs=1 cs=1] |
| RenderText {#text} at (5,7) size 99x147 |
| text run at (5,7) width 139: "The border of the table" |
| text run at (25,7) width 140: "itself should be medium" |
| text run at (45,7) width 109: "solid blue, except " |
| text run at (45,116) width 37: "where" |
| text run at (65,7) width 147: "header cells override the" |
| text run at (85,7) width 45: "border." |
| RenderTableCell {TD} at (145,189) size 112x150 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1] |
| RenderText {#text} at (15,-4) size 79x156 |
| text run at (15,-4) width 155: "The borders that I haven't" |
| text run at (35,-4) width 154: "already mentioned (all the" |
| text run at (55,-4) width 82: "other internal " |
| text run at (55,78) width 33: "ones)" |
| text run at (75,-4) width 156: "should be thin solid green." |
| RenderTableCell {TD} at (145,348) size 112x187 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (5,6) size 79x174 |
| text run at (5,6) width 174: "This table should have a 1em" |
| text run at (25,6) width 146: "margin around all edges." |
| text run at (45,6) width 73: "This margin " |
| text run at (45,79) width 71: "is measured" |
| text run at (65,6) width 54: "from the " |
| RenderInline {EM} at (0,0) size 19x43 |
| RenderText {#text} at (65,60) size 19x43 |
| text run at (65,60) width 43: "middle" |
| RenderText {#text} at (65,103) size 39x130 |
| text run at (65,103) width 33: " of its" |
| text run at (85,6) width 45: "border." |
| RenderTable {TABLE} at (292,16) size 310x537 [border: (3px solid #0000FF)] |
| RenderTableSection {TBODY} at (3,3) size 304x531 |
| RenderTableRow {TR} at (0,16) size 36x531 |
| RenderTableCell {TH} at (16,16) size 36x114 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (8,15) size 19x83 |
| text run at (8,15) width 82: "Header One" |
| RenderTableCell {TH} at (16,145) size 36x136 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (8,26) size 19x83 |
| text run at (8,26) width 82: "Header Two" |
| RenderTableCell {TH} at (16,296) size 36x220 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (8,62) size 19x95 |
| text run at (8,62) width 94: "Header Three" |
| RenderTableRow {TR} at (0,68) size 92x531 |
| RenderTableCell {TD} at (68,26) size 92x94 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (16,-4) size 59x92 |
| text run at (16,-4) width 88: "This table uses" |
| text run at (36,-4) width 81: "the separated" |
| text run at (56,-4) width 92: "borders model." |
| RenderTableCell {TD} at (68,145) size 92x136 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 79x113 |
| text run at (6,6) width 93: "This means that" |
| text run at (26,6) width 113: "elements within the" |
| text run at (46,6) width 103: "cell have border-" |
| text run at (66,6) width 95: "spacing of 1em." |
| RenderTableCell {TD} at (68,306) size 92x200 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (16,-4) size 59x194 |
| text run at (16,-4) width 194: "The borders on the header cells," |
| text run at (36,-4) width 183: "on all sides, should be medium" |
| text run at (56,-4) width 74: "solid purple." |
| RenderTableRow {TR} at (0,176) size 112x531 |
| RenderTableCell {TD} at (176,16) size 112x114 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 99x84 |
| text run at (6,6) width 84: "The border of" |
| text run at (26,6) width 82: "the table itself" |
| text run at (46,6) width 58: "should be" |
| text run at (66,6) width 79: "medium solid" |
| text run at (86,6) width 29: "blue." |
| RenderTableCell {TD} at (176,165) size 112x96 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1] |
| RenderText {#text} at (26,-14) size 59x113 |
| text run at (26,-14) width 90: "The borders of" |
| text run at (46,-14) width 104: "other cells should" |
| text run at (66,-14) width 113: "be thin solid green." |
| RenderTableCell {TD} at (176,306) size 112x200 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (16,-4) size 59x175 |
| text run at (16,-4) width 174: "This table should have a 1em" |
| text run at (36,-4) width 150: "margin around all edges. " |
| text run at (36,146) width 25: "This" |
| text run at (56,-4) width 44: "margin " |
| text run at (56,40) width 125: "is measured from the" |
| RenderInline {EM} at (0,0) size 19x68 |
| RenderText {#text} at (76,-4) size 19x68 |
| text run at (76,-4) width 68: "outer edge" |
| RenderText {#text} at (76,64) size 19x82 |
| text run at (76,64) width 82: " of its border." |
| RenderTable {TABLE} at (618,16) size 338x537 [border: (3px solid #0000FF)] |
| RenderTableSection {TBODY} at (3,3) size 332x531 |
| RenderTableRow {TR} at (0,8) size 36x531 |
| RenderTableCell {TH} at (8,0) size 36x138 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (8,27) size 19x83 |
| text run at (8,27) width 82: "Header One" |
| RenderTableCell {TH} at (8,137) size 36x194 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (8,55) size 19x83 |
| text run at (8,55) width 82: "Header Two" |
| RenderTableCell {TH} at (8,330) size 36x202 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (8,53) size 19x95 |
| text run at (8,53) width 94: "Header Three" |
| RenderTableRow {TR} at (0,52) size 132x531 |
| RenderTableCell {TD} at (52,30) size 132x78 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (36,-24) size 59x110 |
| text run at (36,-24) width 110: "This table uses the" |
| text run at (56,-24) width 110: "separated borders" |
| text run at (76,-24) width 41: "model." |
| RenderTableCell {TD} at (52,137) size 132x194 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 119x179 |
| text run at (6,6) width 171: "Elements within the cell have" |
| text run at (26,6) width 154: "horizontal border-spacing" |
| text run at (46,6) width 84: "(i.e., width of " |
| text run at (46,90) width 94: "vertical lines) of" |
| text run at (66,6) width 85: "0 and vertical " |
| text run at (66,91) width 92: "border-spacing" |
| text run at (86,6) width 179: "(i.e., height of horizontal lines)" |
| text run at (106,6) width 58: "of 0.5em." |
| RenderTableCell {TD} at (52,360) size 132x142 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (36,-24) size 59x166 |
| text run at (36,-24) width 160: "The borders on the header" |
| text run at (56,-24) width 34: "cells, " |
| text run at (56,10) width 132: "on all sides, should be" |
| text run at (76,-24) width 125: "medium solid purple." |
| RenderTableRow {TR} at (0,192) size 132x531 |
| RenderTableCell {TD} at (192,0) size 132x138 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 119x125 |
| text run at (6,6) width 106: "The border of the" |
| text run at (26,6) width 122: "table itself should be" |
| text run at (46,6) width 112: "medium solid blue." |
| text run at (66,6) width 125: "The borders of other" |
| text run at (86,6) width 113: "cells should be thin" |
| text run at (106,6) width 69: "solid green." |
| RenderTableCell {TD} at (192,157) size 132x154 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1] |
| RenderText {#text} at (26,-14) size 59x175 |
| text run at (26,-14) width 174: "This table should have a 1em" |
| text run at (46,-14) width 150: "margin around all edges. " |
| text run at (46,136) width 25: "This" |
| text run at (66,-14) width 44: "margin " |
| text run at (66,30) width 125: "is measured from the" |
| RenderInline {EM} at (0,0) size 19x68 |
| RenderText {#text} at (86,-14) size 19x68 |
| text run at (86,-14) width 68: "outer edge" |
| RenderText {#text} at (86,54) size 19x82 |
| text run at (86,54) width 82: " of its border." |
| RenderTableCell {TD} at (192,330) size 132x202 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 119x182 |
| text run at (6,6) width 179: "The table should not be wider" |
| text run at (26,6) width 171: "than the room available for it" |
| text run at (46,6) width 40: "unless " |
| text run at (46,46) width 142: "that space is very small." |
| text run at (66,6) width 160: "Because of its margins, the" |
| text run at (86,6) width 75: "width of the " |
| text run at (86,81) width 91: "table should be" |
| text run at (106,6) width 96: "less than 100%." |
| RenderTable {TABLE} at (972,16) size 286x537 [border: (3px solid #0000FF)] |
| RenderTableSection {TBODY} at (3,3) size 280x531 |
| RenderTableRow {TR} at (0,0) size 36x531 |
| RenderTableCell {TH} at (0,8) size 36x144 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (8,30) size 19x83 |
| text run at (8,30) width 82: "Header One" |
| RenderTableCell {TH} at (0,159) size 36x148 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (8,32) size 19x83 |
| text run at (8,32) width 82: "Header Two" |
| RenderTableCell {TH} at (0,314) size 36x210 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (8,57) size 19x95 |
| text run at (8,57) width 94: "Header Three" |
| RenderTableRow {TR} at (0,36) size 112x531 |
| RenderTableCell {TD} at (36,28) size 112x104 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (26,-14) size 59x110 |
| text run at (26,-14) width 110: "This table uses the" |
| text run at (46,-14) width 110: "separated borders" |
| text run at (66,-14) width 41: "model." |
| RenderTableCell {TD} at (36,159) size 112x148 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 99x124 |
| text run at (6,6) width 115: "Elements within the" |
| text run at (26,6) width 114: "cell have horizontal" |
| text run at (46,6) width 108: "border-spacing of" |
| text run at (66,6) width 111: "0.5em and vertical" |
| text run at (86,6) width 124: "border-spacing of 0." |
| RenderTableCell {TD} at (36,334) size 112x170 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (26,-14) size 59x194 |
| text run at (26,-14) width 194: "The borders on the header cells," |
| text run at (46,-14) width 183: "on all sides, should be medium" |
| text run at (66,-14) width 74: "solid purple." |
| RenderTableRow {TR} at (0,148) size 132x531 |
| RenderTableCell {TD} at (148,8) size 132x144 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 119x125 |
| text run at (6,6) width 106: "The border of the" |
| text run at (26,6) width 122: "table itself should be" |
| text run at (46,6) width 112: "medium solid blue." |
| text run at (66,6) width 125: "The borders of other" |
| text run at (86,6) width 113: "cells should be thin" |
| text run at (106,6) width 69: "solid green." |
| RenderTableCell {TD} at (148,159) size 132x148 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 79x133 |
| text run at (6,6) width 133: "This table should have" |
| text run at (26,6) width 127: "a 1em margin around" |
| text run at (46,6) width 60: "all edges. " |
| text run at (46,66) width 69: "This margin" |
| text run at (66,6) width 125: "is measured from the" |
| RenderInline {EM} at (0,0) size 19x68 |
| RenderText {#text} at (86,6) size 19x68 |
| text run at (86,6) width 68: "outer edge" |
| RenderText {#text} at (86,74) size 39x101 |
| text run at (86,74) width 33: " of its" |
| text run at (106,6) width 45: "border." |
| RenderTableCell {TD} at (148,314) size 132x210 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 119x192 |
| text run at (6,6) width 179: "The table should not be wider" |
| text run at (26,6) width 171: "than the room available for it" |
| text run at (46,6) width 40: "unless " |
| text run at (46,46) width 142: "that space is very small." |
| text run at (66,6) width 160: "Because of its margins, the" |
| text run at (86,6) width 75: "width of the " |
| text run at (86,81) width 117: "table should be less" |
| text run at (106,6) width 70: "than 100%." |
| RenderTable {TABLE} at (1274,16) size 298x537 |
| RenderBlock {CAPTION} at (0,0) size 20x537 |
| RenderText {#text} at (0,212) size 19x113 |
| text run at (0,212) width 112: "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 (20,0) size 54x537 [border: (3px solid #FF0000)] |
| RenderTableRow {TR} at (0,2) size 50x537 [border: (3px solid #FF0000)] |
| RenderTableCell {TH} at (2,2) size 50x88 [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (5,18) size 39x51 |
| text run at (5,18) width 50: "Header" |
| text run at (25,29) width 28: "One" |
| RenderTableCell {TH} at (2,101) size 50x213 [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (15,64) size 19x83 |
| text run at (15,64) width 82: "Header Two" |
| RenderTableCell {TH} at (2,335) size 50x191 [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (15,47) size 19x95 |
| text run at (15,47) width 94: "Header Three" |
| RenderTableSection {TBODY} at (74,0) size 224x537 [border: (3px solid #FF0000)] |
| RenderTableRow {TR} at (0,0) size 110x537 [border: (3px solid #FF0000)] |
| RenderTableCell {TD} at (0,2) size 110x88 [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (5,5) size 99x59 |
| text run at (5,5) width 58: "This table" |
| text run at (25,5) width 48: "uses the" |
| text run at (45,5) width 59: "separated" |
| text run at (65,5) width 47: "borders" |
| text run at (85,5) width 41: "model." |
| RenderTableCell {TD} at (0,111) size 110x193 [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (25,-15) size 59x218 |
| text run at (25,-15) width 218: "This means that borders are allowed" |
| text run at (45,-15) width 187: "only on table elements or table " |
| text run at (45,172) width 20: "cell" |
| text run at (65,-15) width 56: "elements." |
| RenderTableCell {TD} at (0,335) size 110x191 [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (15,-5) size 79x176 |
| text run at (15,-5) width 146: "They are not allowed on" |
| text run at (35,-5) width 176: "elements that represent rows," |
| text run at (55,-5) width 149: "row-groups, columns, or" |
| text run at (75,-5) width 94: "column-groups." |
| RenderTableRow {TR} at (0,112) size 110x537 [border: (3px solid #FF0000)] |
| RenderTableCell {TD} at (112,2) size 110x88 [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (5,5) size 99x77 |
| text run at (5,5) width 35: "There" |
| text run at (25,5) width 77: "should be no" |
| text run at (45,5) width 62: "borders at" |
| text run at (65,5) width 56: "all on this" |
| text run at (85,5) width 34: "table!" |
| RenderTableCell {TD} at (112,101) size 110x213 [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (15,-5) size 79x211 |
| text run at (15,-5) width 211: "If there are any borders shown that" |
| text run at (35,-5) width 186: "are not medium solid red, then " |
| text run at (35,181) width 18: "the" |
| text run at (55,-5) width 191: "problem is something other than" |
| text run at (75,-5) width 137: "what this test is testing." |
| RenderTableCell {TD} at (112,335) size 110x191 [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (15,-5) size 59x175 |
| text run at (15,-5) width 174: "This table should have a 1em" |
| text run at (35,-5) width 150: "margin around all edges. " |
| text run at (35,145) width 25: "This" |
| text run at (55,-5) width 44: "margin " |
| text run at (55,39) width 125: "is measured from the" |
| RenderInline {EM} at (0,0) size 19x68 |
| RenderText {#text} at (75,-5) size 19x68 |
| text run at (75,-5) width 68: "outer edge" |
| RenderText {#text} at (75,63) size 19x82 |
| text run at (75,63) width 82: " of its border." |