| layer at (0,0) size 785x1536 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x1536 |
| RenderBlock {HTML} at (0,0) size 785x1536 |
| RenderBody {BODY} at (8,21) size 769x1499 |
| 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\x{9}{ margin: 1em; border: medium solid blue; }" |
| text run at (0,16) width 408: "TD\x{9}{ 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 296: "\x{9}{ border: medium solid red; }" |
| RenderTable {TABLE} at (16,302) size 737x181 [border: (1px solid #0000FF)] |
| RenderTableSection {TBODY} at (1,1) size 734x177 |
| RenderTableRow {TR} at (0,0) size 734x33 |
| RenderTableCell {TH} at (0,0) size 248x33 [border: (2px solid #800080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (83,7) size 83x19 |
| text run at (83,7) width 83: "Header One" |
| RenderTableCell {TH} at (247,0) size 232x33 [border: (2px solid #800080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (75,7) size 83x19 |
| text run at (75,7) width 83: "Header Two" |
| RenderTableCell {TH} at (478,0) size 257x33 [border: (2px solid #800080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (81,7) size 95x19 |
| text run at (81,7) width 95: "Header Three" |
| RenderTableRow {TR} at (0,33) size 734x72 |
| RenderTableCell {TD} at (0,43) size 248x52 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (7,7) size 222x39 |
| text run at (7,7) width 222: "This table uses the collapsed borders" |
| text run at (7,27) width 41: "model." |
| RenderTableCell {TD} at (247,43) size 232x52 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,7) size 210x39 |
| text run at (6,7) width 210: "This means that elements within the" |
| text run at (6,27) width 171: "cell have no border-spacing." |
| RenderTableCell {TD} at (478,33) size 257x72 [border: (2px solid #008000)] [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,7) size 241x59 |
| text run at (6,7) width 206: "Since it has collapsed borders, the" |
| text run at (6,27) width 171: "borders on the header cells, " |
| text run at (177,27) width 70: "on all sides," |
| text run at (6,47) width 187: "should be medium solid purple." |
| RenderTableRow {TR} at (0,105) size 734x72 |
| RenderTableCell {TD} at (0,105) size 248x72 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1] |
| RenderText {#text} at (7,6) size 232x59 |
| text run at (7,6) width 232: "The border of the table itself should be" |
| text run at (7,26) width 160: "medium solid blue, except " |
| text run at (167,26) width 37: "where" |
| text run at (7,46) width 196: "header cells override the border." |
| RenderTableCell {TD} at (247,105) size 232x72 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 203x59 |
| text run at (6,6) width 203: "The borders that I haven't already" |
| text run at (6,26) width 188: "mentioned (all the other internal" |
| text run at (6,46) width 193: "ones) should be thin solid green." |
| RenderTableCell {TD} at (478,105) size 257x72 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 218x59 |
| text run at (6,6) width 218: "This table should have a 1em margin" |
| text run at (6,26) width 106: "around all edges. " |
| text run at (112,26) width 73: "This margin " |
| text run at (185,26) width 9: "is" |
| text run at (6,46) width 116: "measured from the " |
| RenderInline {EM} at (0,0) size 43x19 |
| RenderText {#text} at (122,46) size 43x19 |
| text run at (122,46) width 43: "middle" |
| RenderText {#text} at (165,46) size 82x19 |
| text run at (165,46) width 82: " of its border." |
| RenderTable {TABLE} at (16,498) size 737x251 [border: (3px solid #0000FF)] |
| RenderTableSection {TBODY} at (3,3) size 731x244 |
| RenderTableRow {TR} at (0,16) size 731x36 |
| RenderTableCell {TH} at (16,16) size 163x36 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (40,8) size 83x19 |
| text run at (40,8) width 83: "Header One" |
| RenderTableCell {TH} at (194,16) size 193x36 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (54,8) size 83x19 |
| text run at (54,8) width 83: "Header Two" |
| RenderTableCell {TH} at (402,16) size 314x36 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (109,8) size 95x19 |
| text run at (109,8) width 95: "Header Three" |
| RenderTableRow {TR} at (0,68) size 731x72 |
| RenderTableCell {TD} at (16,68) size 163x72 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 110x59 |
| text run at (6,6) width 110: "This table uses the" |
| text run at (6,26) width 110: "separated borders" |
| text run at (6,46) width 41: "model." |
| RenderTableCell {TD} at (194,68) size 193x72 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 164x59 |
| text run at (6,6) width 149: "This means that elements" |
| text run at (6,26) width 164: "within the cell have border-" |
| text run at (6,46) width 95: "spacing of 1em." |
| RenderTableCell {TD} at (402,78) size 314x52 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 268x39 |
| text run at (6,6) width 198: "The borders on the header cells, " |
| text run at (204,6) width 70: "on all sides," |
| text run at (6,26) width 187: "should be medium solid purple." |
| RenderTableRow {TR} at (0,156) size 731x72 |
| RenderTableCell {TD} at (16,156) size 163x72 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 140x59 |
| text run at (6,6) width 139: "The border of the table" |
| text run at (6,26) width 140: "itself should be medium" |
| text run at (6,46) width 61: "solid blue." |
| RenderTableCell {TD} at (194,166) size 193x52 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 156x39 |
| text run at (6,6) width 155: "The borders of other cells" |
| text run at (6,26) width 156: "should be thin solid green." |
| RenderTableCell {TD} at (402,156) size 314x72 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 281x39 |
| text run at (6,6) width 281: "This table should have a 1em margin around all" |
| text run at (6,26) width 43: "edges. " |
| text run at (49,26) width 73: "This margin " |
| text run at (122,26) width 129: "is measured from the " |
| RenderInline {EM} at (0,0) size 279x39 |
| RenderText {#text} at (251,26) size 279x39 |
| text run at (251,26) width 34: "outer" |
| text run at (6,46) width 30: "edge" |
| RenderText {#text} at (36,46) size 82x19 |
| text run at (36,46) width 82: " of its border." |
| RenderTable {TABLE} at (16,764) size 737x279 [border: (3px solid #0000FF)] |
| RenderTableSection {TBODY} at (3,3) size 731x272 |
| RenderTableRow {TR} at (0,8) size 731x36 |
| RenderTableCell {TH} at (0,8) size 190x36 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (53,8) size 83x19 |
| text run at (53,8) width 83: "Header One" |
| RenderTableCell {TH} at (189,8) size 267x36 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (91,8) size 83x19 |
| text run at (91,8) width 83: "Header Two" |
| RenderTableCell {TH} at (455,8) size 277x36 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (90,8) size 95x19 |
| text run at (90,8) width 95: "Header Three" |
| RenderTableRow {TR} at (0,52) size 731x92 |
| RenderTableCell {TD} at (0,72) size 190x52 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 173x39 |
| text run at (6,6) width 173: "This table uses the separated" |
| text run at (6,26) width 92: "borders model." |
| RenderTableCell {TD} at (189,52) size 267x92 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 241x79 |
| text run at (6,6) width 233: "Elements within the cell have horizontal" |
| text run at (6,26) width 180: "border-spacing (i.e., width of " |
| text run at (186,26) width 43: "vertical" |
| text run at (6,46) width 136: "lines) of 0 and vertical " |
| text run at (142,46) width 92: "border-spacing" |
| text run at (6,66) width 241: "(i.e., height of horizontal lines) of 0.5em." |
| RenderTableCell {TD} at (455,72) size 277x52 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 230x39 |
| text run at (6,6) width 198: "The borders on the header cells, " |
| text run at (204,6) width 32: "on all" |
| text run at (6,26) width 225: "sides, should be medium solid purple." |
| RenderTableRow {TR} at (0,152) size 731x112 |
| RenderTableCell {TD} at (0,162) size 190x92 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 174x79 |
| text run at (6,6) width 170: "The border of the table itself" |
| text run at (6,26) width 174: "should be medium solid blue." |
| text run at (6,46) width 155: "The borders of other cells" |
| text run at (6,66) width 156: "should be thin solid green." |
| RenderTableCell {TD} at (189,172) size 267x72 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 250x59 |
| text run at (6,6) width 218: "This table should have a 1em margin" |
| text run at (6,26) width 106: "around all edges. " |
| text run at (112,26) width 73: "This margin " |
| text run at (185,26) width 71: "is measured" |
| text run at (6,46) width 54: "from the " |
| RenderInline {EM} at (0,0) size 68x19 |
| RenderText {#text} at (60,46) size 68x19 |
| text run at (60,46) width 68: "outer edge" |
| RenderText {#text} at (128,46) size 82x19 |
| text run at (128,46) width 82: " of its border." |
| RenderTableCell {TD} at (455,152) size 277x112 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 238x99 |
| text run at (6,6) width 230: "The table should not be wider than the" |
| text run at (6,26) width 164: "room available for it unless " |
| text run at (170,26) width 74: "that space is" |
| text run at (6,46) width 68: "very small. " |
| text run at (74,46) width 160: "Because of its margins, the" |
| text run at (6,66) width 75: "width of the " |
| text run at (81,66) width 146: "table should be less than" |
| text run at (6,86) width 41: "100%." |
| RenderTable {TABLE} at (16,1058) size 737x227 [border: (3px solid #0000FF)] |
| RenderTableSection {TBODY} at (3,3) size 731x220 |
| RenderTableRow {TR} at (0,0) size 731x36 |
| RenderTableCell {TH} at (8,0) size 202x36 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (59,8) size 83x19 |
| text run at (59,8) width 83: "Header One" |
| RenderTableCell {TH} at (217,0) size 206x36 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (61,8) size 83x19 |
| text run at (61,8) width 83: "Header Two" |
| RenderTableCell {TH} at (430,0) size 294x36 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (99,8) size 95x19 |
| text run at (99,8) width 95: "Header Three" |
| RenderTableRow {TR} at (0,36) size 731x92 |
| RenderTableCell {TD} at (8,56) size 202x52 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 173x39 |
| text run at (6,6) width 173: "This table uses the separated" |
| text run at (6,26) width 92: "borders model." |
| RenderTableCell {TD} at (217,36) size 206x92 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 171x79 |
| text run at (6,6) width 171: "Elements within the cell have" |
| text run at (6,26) width 170: "horizontal border-spacing of" |
| text run at (6,46) width 115: "0.5em and vertical " |
| text run at (121,46) width 47: "border-" |
| text run at (6,66) width 77: "spacing of 0." |
| RenderTableCell {TD} at (430,56) size 294x52 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 268x39 |
| text run at (6,6) width 198: "The borders on the header cells, " |
| text run at (204,6) width 70: "on all sides," |
| text run at (6,26) width 187: "should be medium solid purple." |
| RenderTableRow {TR} at (0,128) size 731x92 |
| RenderTableCell {TD} at (8,128) size 202x92 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 174x79 |
| text run at (6,6) width 170: "The border of the table itself" |
| text run at (6,26) width 174: "should be medium solid blue." |
| text run at (6,46) width 155: "The borders of other cells" |
| text run at (6,66) width 156: "should be thin solid green." |
| RenderTableCell {TD} at (217,128) size 206x92 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 175x59 |
| text run at (6,6) width 174: "This table should have a 1em" |
| text run at (6,26) width 150: "margin around all edges. " |
| text run at (156,26) width 25: "This" |
| text run at (6,46) width 44: "margin " |
| text run at (50,46) width 125: "is measured from the" |
| RenderInline {EM} at (0,0) size 68x19 |
| RenderText {#text} at (6,66) size 68x19 |
| text run at (6,66) width 68: "outer edge" |
| RenderText {#text} at (74,66) size 82x19 |
| text run at (74,66) width 82: " of its border." |
| RenderTableCell {TD} at (430,128) size 294x92 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (6,6) size 270x79 |
| text run at (6,6) width 266: "The table should not be wider than the room" |
| text run at (6,26) width 128: "available for it unless " |
| text run at (134,26) width 142: "that space is very small." |
| text run at (6,46) width 239: "Because of its margins, the width of the " |
| text run at (245,46) width 29: "table" |
| text run at (6,66) width 158: "should be less than 100%." |
| RenderTable {TABLE} at (16,1300) size 737x199 |
| RenderBlock {CAPTION} at (0,0) size 737x20 |
| RenderText {#text} at (312,0) size 113x19 |
| text run at (312,0) width 113: "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,20) size 737x34 [border: (3px solid #FF0000)] |
| RenderTableRow {TR} at (0,2) size 737x30 [border: (3px solid #FF0000)] |
| RenderTableCell {TH} at (2,2) size 122x30 [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (19,5) size 83x19 |
| text run at (19,5) width 83: "Header One" |
| RenderTableCell {TH} at (125,2) size 320x30 [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (118,5) size 83x19 |
| text run at (118,5) width 83: "Header Two" |
| RenderTableCell {TH} at (446,2) size 290x30 [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (97,5) size 95x19 |
| text run at (97,5) width 95: "Header Three" |
| RenderTableSection {TBODY} at (0,54) size 737x144 [border: (3px solid #FF0000)] |
| RenderTableRow {TR} at (0,0) size 737x70 [border: (3px solid #FF0000)] |
| RenderTableCell {TD} at (2,0) size 122x70 [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (5,5) size 110x59 |
| text run at (5,5) width 110: "This table uses the" |
| text run at (5,25) width 110: "separated borders" |
| text run at (5,45) width 41: "model." |
| RenderTableCell {TD} at (125,10) size 320x50 [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (5,5) size 299x39 |
| text run at (5,5) width 299: "This means that borders are allowed only on table" |
| text run at (5,25) width 106: "elements or table " |
| text run at (111,25) width 80: "cell elements." |
| RenderTableCell {TD} at (446,0) size 290x70 [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (5,5) size 247x59 |
| text run at (5,5) width 228: "They are not allowed on elements that" |
| text run at (5,25) width 98: "represent rows, " |
| text run at (103,25) width 149: "row-groups, columns, or" |
| text run at (5,45) width 94: "column-groups." |
| RenderTableRow {TR} at (0,72) size 737x70 [border: (3px solid #FF0000)] |
| RenderTableCell {TD} at (2,72) size 122x70 [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (5,5) size 98x59 |
| text run at (5,5) width 97: "There should be" |
| text run at (5,25) width 98: "no borders at all" |
| text run at (5,45) width 77: "on this table!" |
| RenderTableCell {TD} at (125,72) size 320x70 [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (5,5) size 308x59 |
| text run at (5,5) width 308: "If there are any borders shown that are not medium" |
| text run at (5,25) width 89: "solid red, then " |
| text run at (94,25) width 213: "the problem is something other than" |
| text run at (5,45) width 137: "what this test is testing." |
| RenderTableCell {TD} at (446,72) size 290x70 [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (5,5) size 264x39 |
| text run at (5,5) width 264: "This table should have a 1em margin around" |
| text run at (5,25) width 60: "all edges. " |
| text run at (65,25) width 73: "This margin " |
| text run at (138,25) width 125: "is measured from the" |
| RenderInline {EM} at (0,0) size 68x19 |
| RenderText {#text} at (5,45) size 68x19 |
| text run at (5,45) width 68: "outer edge" |
| RenderText {#text} at (73,45) size 82x19 |
| text run at (73,45) width 82: " of its border." |