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."