| layer at (0,0) size 785x1494 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x1494 |
| RenderBlock {HTML} at (0,0) size 785x1494 |
| RenderBody {BODY} at (8,21) size 769x1457 |
| RenderBlock {H1} at (0,0) size 769x37 |
| RenderText {#text} at (0,0) size 289x37 |
| text run at (0,0) width 289: "Table Border Models" |
| RenderBlock {P} at (0,58) size 769x19 |
| RenderText {#text} at (0,0) size 121x18 |
| text run at (0,0) width 121: "This tests tests the " |
| RenderInline {A} at (0,0) size 212x18 [color=#0000EE] |
| RenderText {#text} at (120,0) size 212x18 |
| text run at (120,0) width 212: "CSS2 spec rules on table borders" |
| RenderText {#text} at (331,0) size 185x18 |
| text run at (331,0) width 9: ". " |
| text run at (339,0) width 177: "The styles applied here are:" |
| RenderBlock {PRE} at (0,92) size 769x181 |
| RenderText {#text} at (0,0) size 671x180 |
| text run at (0,0) width 398: "TABLE\x{9}{ margin: 1em; border: medium solid blue; }" |
| text run at (0,15) width 398: "TD\x{9}{ border: thin solid green; padding: 5px; }" |
| text run at (0,30) width 383: "TH { border: medium solid purple; padding: 5px; }" |
| text run at (0,45) width 352: "TABLE.one, TABLE.two { border-spacing: 1em; }" |
| text run at (0,60) width 313: "TABLE.one { border-collapse: collapse; }" |
| text run at (0,75) width 313: "TABLE.two { border-collapse: separate; }" |
| text run at (0,90) width 523: "TABLE.three { border-collapse: separate; border-spacing: 0 0.5em; }" |
| text run at (0,105) width 515: "TABLE.four { border-collapse: separate; border-spacing: 0.5em 0; }" |
| text run at (0,120) width 320: "TABLE.five { border-collapse: separate; }" |
| text run at (0,135) width 453: "TABLE.five, TABLE.five TD, TABLE.five TH { border: none; }" |
| text run at (0,150) width 671: "TABLE.five TR, TABLE.five COL, TABLE.five COLGROUP, TABLE.five TBODY, TABLE.five THEAD" |
| text run at (0,165) width 289: "\x{9}{ border: medium solid red; }" |
| RenderTable {TABLE} at (16,288) size 737x185 [border: (1px solid #0000FF)] |
| RenderTableSection {TBODY} at (1,1) size 734x181 |
| RenderTableRow {TR} at (0,0) size 734x31 |
| RenderTableCell {TH} at (0,0) size 246x31 [border: (2px solid #800080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (82,7) size 83x18 |
| text run at (82,7) width 83: "Header One" |
| RenderTableCell {TH} at (245,0) size 234x31 [border: (2px solid #800080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (74,7) size 85x18 |
| text run at (74,7) width 85: "Header Two" |
| RenderTableCell {TH} at (478,0) size 257x31 [border: (2px solid #800080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (80,7) size 96x18 |
| text run at (80,7) width 96: "Header Three" |
| RenderTableRow {TR} at (0,31) size 734x66 |
| RenderTableCell {TD} at (0,40) size 246x48 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (7,7) size 184x36 |
| text run at (7,7) width 184: "This table uses the collapsed" |
| text run at (7,25) width 96: "borders model." |
| RenderTableCell {TD} at (245,40) size 234x48 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,7) size 208x36 |
| text run at (6,7) width 208: "This means that elements within" |
| text run at (6,25) width 205: "the cell have no border-spacing." |
| RenderTableCell {TD} at (478,31) size 257x66 [border: (2px solid #008000)] [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,7) size 243x54 |
| text run at (6,7) width 218: "Since it has collapsed borders, the" |
| text run at (6,25) width 180: "borders on the header cells, " |
| text run at (185,25) width 37: "on all" |
| text run at (6,43) width 243: "sides, should be medium solid purple." |
| RenderTableRow {TR} at (0,97) size 734x84 |
| RenderTableCell {TD} at (0,106) size 246x66 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1] |
| RenderText {#text} at (7,6) size 232x54 |
| text run at (7,6) width 230: "The border of the table itself should" |
| text run at (7,24) width 192: "be medium solid blue, except " |
| text run at (198,24) width 41: "where" |
| text run at (7,42) width 206: "header cells override the border." |
| RenderTableCell {TD} at (245,106) size 234x66 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 215x54 |
| text run at (6,6) width 215: "The borders that I haven't already" |
| text run at (6,24) width 207: "mentioned (all the other internal" |
| text run at (6,42) width 208: "ones) should be thin solid green." |
| RenderTableCell {TD} at (478,97) size 257x84 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 237x54 |
| text run at (6,6) width 237: "This table should have a 1em margin" |
| text run at (6,24) width 113: "around all edges. " |
| text run at (118,24) width 83: "This margin " |
| text run at (200,24) width 12: "is" |
| text run at (6,42) width 124: "measured from the " |
| RenderInline {EM} at (0,0) size 45x18 |
| RenderText {#text} at (129,42) size 45x18 |
| text run at (129,42) width 45: "middle" |
| RenderText {#text} at (173,42) size 204x36 |
| text run at (173,42) width 37: " of its" |
| text run at (6,60) width 45: "border." |
| RenderTable {TABLE} at (16,488) size 737x237 [border: (3px solid #0000FF)] |
| RenderTableSection {TBODY} at (3,3) size 731x230 |
| RenderTableRow {TR} at (0,16) size 731x34 |
| RenderTableCell {TH} at (16,16) size 164x34 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (40,8) size 84x18 |
| text run at (40,8) width 84: "Header One" |
| RenderTableCell {TH} at (195,16) size 193x34 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (54,8) size 84x18 |
| text run at (54,8) width 84: "Header Two" |
| RenderTableCell {TH} at (403,16) size 313x34 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (108,8) size 96x18 |
| text run at (108,8) width 96: "Header Three" |
| RenderTableRow {TR} at (0,66) size 731x66 |
| RenderTableCell {TD} at (16,66) size 164x66 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 119x54 |
| text run at (6,6) width 119: "This table uses the" |
| text run at (6,24) width 113: "separated borders" |
| text run at (6,42) width 44: "model." |
| RenderTableCell {TD} at (195,66) size 193x66 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 177x54 |
| text run at (6,6) width 163: "This means that elements" |
| text run at (6,24) width 177: "within the cell have border-" |
| text run at (6,42) width 102: "spacing of 1em." |
| RenderTableCell {TD} at (403,75) size 313x48 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 285x36 |
| text run at (6,6) width 209: "The borders on the header cells, " |
| text run at (214,6) width 77: "on all sides," |
| text run at (6,24) width 203: "should be medium solid purple." |
| RenderTableRow {TR} at (0,148) size 731x66 |
| RenderTableCell {TD} at (16,148) size 164x66 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 147x54 |
| text run at (6,6) width 147: "The border of the table" |
| text run at (6,24) width 98: "itself should be" |
| text run at (6,42) width 124: "medium solid blue." |
| RenderTableCell {TD} at (195,157) size 193x48 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 170x36 |
| text run at (6,6) width 165: "The borders of other cells" |
| text run at (6,24) width 170: "should be thin solid green." |
| RenderTableCell {TD} at (403,148) size 313x66 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 285x36 |
| text run at (6,6) width 285: "This table should have a 1em margin around" |
| text run at (6,24) width 65: "all edges. " |
| text run at (70,24) width 82: "This margin " |
| text run at (151,24) width 136: "is measured from the" |
| RenderInline {EM} at (0,0) size 68x18 |
| RenderText {#text} at (6,42) size 68x18 |
| text run at (6,42) width 68: "outer edge" |
| RenderText {#text} at (73,42) size 87x18 |
| text run at (73,42) width 87: " of its border." |
| RenderTable {TABLE} at (16,740) size 737x277 [border: (3px solid #0000FF)] |
| RenderTableSection {TBODY} at (3,3) size 731x270 |
| RenderTableRow {TR} at (0,8) size 731x34 |
| RenderTableCell {TH} at (0,8) size 190x34 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (53,8) size 84x18 |
| text run at (53,8) width 84: "Header One" |
| RenderTableCell {TH} at (189,8) size 268x34 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (91,8) size 85x18 |
| text run at (91,8) width 85: "Header Two" |
| RenderTableCell {TH} at (456,8) size 276x34 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (89,8) size 96x18 |
| text run at (89,8) width 96: "Header Three" |
| RenderTableRow {TR} at (0,50) size 731x102 |
| RenderTableCell {TD} at (0,77) size 190x48 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 161x36 |
| text run at (6,6) width 119: "This table uses the" |
| text run at (6,24) width 161: "separated borders model." |
| RenderTableCell {TD} at (189,50) size 268x102 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 238x90 |
| text run at (6,6) width 190: "Elements within the cell have" |
| text run at (6,24) width 238: "horizontal border-spacing (i.e., width" |
| text run at (6,42) width 18: "of " |
| text run at (23,42) width 197: "vertical lines) of 0 and vertical" |
| text run at (6,60) width 190: "border-spacing (i.e., height of" |
| text run at (6,78) width 170: "horizontal lines) of 0.5em." |
| RenderTableCell {TD} at (456,77) size 276x48 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 245x36 |
| text run at (6,6) width 209: "The borders on the header cells, " |
| text run at (214,6) width 37: "on all" |
| text run at (6,24) width 243: "sides, should be medium solid purple." |
| RenderTableRow {TR} at (0,160) size 731x102 |
| RenderTableCell {TD} at (0,160) size 190x102 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 165x90 |
| text run at (6,6) width 147: "The border of the table" |
| text run at (6,24) width 155: "itself should be medium" |
| text run at (6,42) width 71: "solid blue. " |
| text run at (76,42) width 95: "The borders of" |
| text run at (6,60) width 161: "other cells should be thin" |
| text run at (6,78) width 75: "solid green." |
| RenderTableCell {TD} at (189,169) size 268x84 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 237x54 |
| text run at (6,6) width 237: "This table should have a 1em margin" |
| text run at (6,24) width 113: "around all edges. " |
| text run at (118,24) width 83: "This margin " |
| text run at (200,24) width 12: "is" |
| text run at (6,42) width 124: "measured from the " |
| RenderInline {EM} at (0,0) size 69x18 |
| RenderText {#text} at (129,42) size 69x18 |
| text run at (129,42) width 69: "outer edge" |
| RenderText {#text} at (197,42) size 229x36 |
| text run at (197,42) width 38: " of its" |
| text run at (6,60) width 45: "border." |
| RenderTableCell {TD} at (456,160) size 276x102 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 258x90 |
| text run at (6,6) width 246: "The table should not be wider than the" |
| text run at (6,24) width 180: "room available for it unless " |
| text run at (185,24) width 79: "that space is" |
| text run at (6,42) width 76: "very small. " |
| text run at (81,42) width 173: "Because of its margins, the" |
| text run at (6,60) width 82: "width of the " |
| text run at (87,60) width 157: "table should be less than" |
| text run at (6,78) width 42: "100%." |
| RenderTable {TABLE} at (16,1032) size 737x227 [border: (3px solid #0000FF)] |
| RenderTableSection {TBODY} at (3,3) size 731x220 |
| RenderTableRow {TR} at (0,0) size 731x34 |
| RenderTableCell {TH} at (8,0) size 202x34 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (59,8) size 84x18 |
| text run at (59,8) width 84: "Header One" |
| RenderTableCell {TH} at (217,0) size 206x34 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (60,8) size 84x18 |
| text run at (60,8) width 84: "Header Two" |
| RenderTableCell {TH} at (430,0) size 294x34 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (98,8) size 96x18 |
| text run at (98,8) width 96: "Header Three" |
| RenderTableRow {TR} at (0,34) size 731x84 |
| RenderTableCell {TD} at (8,52) size 202x48 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 184x36 |
| text run at (6,6) width 184: "This table uses the separated" |
| text run at (6,24) width 96: "borders model." |
| RenderTableCell {TD} at (217,34) size 206x84 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 190x72 |
| text run at (6,6) width 190: "Elements within the cell have" |
| text run at (6,24) width 182: "horizontal border-spacing of" |
| text run at (6,42) width 123: "0.5em and vertical " |
| text run at (128,42) width 48: "border-" |
| text run at (6,60) width 83: "spacing of 0." |
| RenderTableCell {TD} at (430,52) size 294x48 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 245x36 |
| text run at (6,6) width 209: "The borders on the header cells, " |
| text run at (214,6) width 37: "on all" |
| text run at (6,24) width 243: "sides, should be medium solid purple." |
| RenderTableRow {TR} at (0,118) size 731x102 |
| RenderTableCell {TD} at (8,127) size 202x84 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 189x72 |
| text run at (6,6) width 183: "The border of the table itself" |
| text run at (6,24) width 189: "should be medium solid blue." |
| text run at (6,42) width 165: "The borders of other cells" |
| text run at (6,60) width 170: "should be thin solid green." |
| RenderTableCell {TD} at (217,127) size 206x84 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 191x54 |
| text run at (6,6) width 188: "This table should have a 1em" |
| text run at (6,24) width 162: "margin around all edges. " |
| text run at (167,24) width 30: "This" |
| text run at (6,42) width 50: "margin " |
| text run at (55,42) width 135: "is measured from the" |
| RenderInline {EM} at (0,0) size 68x18 |
| RenderText {#text} at (6,60) size 68x18 |
| text run at (6,60) width 68: "outer edge" |
| RenderText {#text} at (73,60) size 87x18 |
| text run at (73,60) width 87: " of its border." |
| RenderTableCell {TD} at (430,118) size 294x102 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 258x90 |
| text run at (6,6) width 246: "The table should not be wider than the" |
| text run at (6,24) width 180: "room available for it unless " |
| text run at (185,24) width 79: "that space is" |
| text run at (6,42) width 76: "very small. " |
| text run at (81,42) width 173: "Because of its margins, the" |
| text run at (6,60) width 82: "width of the " |
| text run at (87,60) width 157: "table should be less than" |
| text run at (6,78) width 42: "100%." |
| RenderTable {TABLE} at (16,1274) size 737x183 |
| RenderBlock {CAPTION} at (0,0) size 737x18 |
| RenderText {#text} at (307,0) size 123x18 |
| text run at (307,0) width 123: "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 (0,18) size 737x32 [border: (3px solid #FF0000)] |
| RenderTableRow {TR} at (0,2) size 737x28 [border: (3px solid #FF0000)] |
| RenderTableCell {TH} at (2,2) size 121x28 [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (18,5) size 84x18 |
| text run at (18,5) width 84: "Header One" |
| RenderTableCell {TH} at (124,2) size 322x28 [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (118,5) size 85x18 |
| text run at (118,5) width 85: "Header Two" |
| RenderTableCell {TH} at (447,2) size 289x28 [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (96,5) size 96x18 |
| text run at (96,5) width 96: "Header Three" |
| RenderTableSection {TBODY} at (0,50) size 737x132 [border: (3px solid #FF0000)] |
| RenderTableRow {TR} at (0,0) size 737x64 [border: (3px solid #FF0000)] |
| RenderTableCell {TD} at (2,0) size 121x64 [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (5,5) size 96x54 |
| text run at (5,5) width 96: "This table uses" |
| text run at (5,23) width 84: "the separated" |
| text run at (5,41) width 96: "borders model." |
| RenderTableCell {TD} at (124,9) size 322x46 [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (5,5) size 284x36 |
| text run at (5,5) width 284: "This means that borders are allowed only on" |
| text run at (5,23) width 149: "table elements or table " |
| text run at (153,23) width 89: "cell elements." |
| RenderTableCell {TD} at (447,0) size 289x64 [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (5,5) size 260x54 |
| text run at (5,5) width 245: "They are not allowed on elements that" |
| text run at (5,23) width 102: "represent rows, " |
| text run at (106,23) width 159: "row-groups, columns, or" |
| text run at (5,41) width 101: "column-groups." |
| RenderTableRow {TR} at (0,66) size 737x64 [border: (3px solid #FF0000)] |
| RenderTableCell {TD} at (2,66) size 121x64 [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (5,5) size 104x54 |
| text run at (5,5) width 104: "There should be" |
| text run at (5,23) width 104: "no borders at all" |
| text run at (5,41) width 84: "on this table!" |
| RenderTableCell {TD} at (124,66) size 322x64 [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (5,5) size 289x54 |
| text run at (5,5) width 271: "If there are any borders shown that are not" |
| text run at (5,23) width 152: "medium solid red, then " |
| text run at (156,23) width 93: "the problem is" |
| text run at (5,41) width 289: "something other than what this test is testing." |
| RenderTableCell {TD} at (447,66) size 289x64 [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (5,5) size 271x54 |
| text run at (5,5) width 237: "This table should have a 1em margin" |
| text run at (5,23) width 113: "around all edges. " |
| text run at (117,23) width 83: "This margin " |
| text run at (199,23) width 77: "is measured" |
| text run at (5,41) width 59: "from the " |
| RenderInline {EM} at (0,0) size 69x18 |
| RenderText {#text} at (63,41) size 69x18 |
| text run at (63,41) width 69: "outer edge" |
| RenderText {#text} at (131,41) size 86x18 |
| text run at (131,41) width 86: " of its border." |
