blob: e75149a73e56b34f519e6b7895ecc4a1f6480790 [file] [log] [blame]
layer at (0,0) size 1532x884
RenderView at (0,0) size 785x585
layer at (0,0) size 785x884
RenderBlock {HTML} at (0,0) size 785x884
RenderBody {BODY} at (8,21) size 769x855
RenderBlock {H1} at (0,0) size 769x37
RenderText {#text} at (0,0) size 290x36
text run at (0,0) width 290: "Table Border Models"
RenderBlock {P} at (0,58) size 769x19
RenderText {#text} at (0,0) size 117x17
text run at (0,0) width 117: "This tests tests the "
RenderInline {A} at (0,0) size 208x17 [color=#0000EE]
RenderText {#text} at (117,0) size 208x17
text run at (117,0) width 208: "CSS2 spec rules on table borders"
RenderText {#text} at (325,0) size 180x17
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 (0,15) width 376: "TD { border: thin solid green; padding: 5px; }"
text run at (0,30) width 392: "TH { border: medium solid purple; padding: 5px; }"
text run at (0,45) width 360: "TABLE.one, TABLE.two { border-spacing: 1em; }"
text run at (0,60) width 320: "TABLE.one { border-collapse: collapse; }"
text run at (0,75) width 320: "TABLE.two { border-collapse: separate; }"
text run at (0,90) width 536: "TABLE.three { border-collapse: separate; border-spacing: 0 0.5em; }"
text run at (0,105) width 528: "TABLE.four { border-collapse: separate; border-spacing: 0.5em 0; }"
text run at (0,120) width 328: "TABLE.five { border-collapse: separate; }"
text run at (0,135) width 464: "TABLE.five, TABLE.five TD, TABLE.five TH { border: none; }"
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 (0,165) width 264: " { border: medium solid red; }"
RenderBlock {DIV} at (0,285) size 1524x570
RenderTable {TABLE} at (16,16) size 238x537 [border: (1px solid #0000FF)]
RenderTableSection {TBODY} at (1,1) size 235x534
RenderTableRow {TR} at (0,0) size 31x534
RenderTableCell {TH} at (0,0) size 31x179 [border: (2px solid #800080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (6,48) size 17x83
text run at (6,48) width 82: "Header One"
RenderTableCell {TH} at (0,178) size 31x170 [border: (2px solid #800080)] [r=0 c=1 rs=1 cs=1]
RenderText {#text} at (6,42) size 17x86
text run at (6,42) width 85: "Header Two"
RenderTableCell {TH} at (0,347) size 31x188 [border: (2px solid #800080)] [r=0 c=2 rs=1 cs=1]
RenderText {#text} at (6,46) size 17x96
text run at (6,46) width 95: "Header Three"
RenderTableRow {TR} at (0,31) size 102x534
RenderTableCell {TD} at (31,27) size 102x125 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (33,-20) size 35x157
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,196) size 102x134 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1]
RenderText {#text} at (24,-12) size 53x152
text run at (24,-12) width 99: "This means that"
text run at (42,-12) width 148: "elements within the cell"
text run at (60,-12) width 152: "have no border-spacing."
RenderTableCell {TD} at (31,347) size 102x188 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1]
RenderText {#text} at (6,6) size 89x168
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 102x534
RenderTableCell {TD} at (133,0) size 102x179 [border: (2px solid #008000)] [r=2 c=0 rs=1 cs=1]
RenderText {#text} at (5,7) size 89x153
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,178) size 102x170 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1]
RenderText {#text} at (5,6) size 89x150
text run at (5,6) width 112: "The borders that I"
text run at (23,6) width 95: "haven't already"
text run at (41,6) width 149: "mentioned (all the other"
text run at (59,6) width 51: "internal "
text run at (59,57) width 99: "ones) should be"
text run at (77,6) width 101: "thin solid green."
RenderTableCell {TD} at (133,347) size 102x188 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1]
RenderText {#text} at (5,6) size 71x153
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 17x43
RenderText {#text} at (59,127) size 17x43
text run at (59,127) width 43: "middle"
RenderText {#text} at (77,6) size 17x80
text run at (77,6) width 80: "of its border."
RenderTable {TABLE} at (270,16) size 290x537 [border: (3px solid #0000FF)]
RenderTableSection {TBODY} at (3,3) size 284x531
RenderTableRow {TR} at (0,16) size 34x531
RenderTableCell {TH} at (16,16) size 34x115 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (8,16) size 17x83
text run at (8,16) width 82: "Header One"
RenderTableCell {TH} at (16,146) size 34x135 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1]
RenderText {#text} at (8,24) size 17x86
text run at (8,24) width 85: "Header Two"
RenderTableCell {TH} at (16,296) size 34x220 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1]
RenderText {#text} at (8,61) size 17x96
text run at (8,61) width 95: "Header Three"
RenderTableRow {TR} at (0,66) size 84x531
RenderTableCell {TD} at (66,25) size 84x97 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (15,-3) size 53x94
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,146) size 84x135 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1]
RenderText {#text} at (6,6) size 71x122
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,305) size 84x202 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1]
RenderText {#text} at (15,-3) size 53x201
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 102x531
RenderTableCell {TD} at (166,16) size 102x115 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1]
RenderText {#text} at (6,6) size 89x87
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,164) size 102x99 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1]
RenderText {#text} at (24,-12) size 53x120
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,305) size 102x202 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1]
RenderText {#text} at (15,-3) size 53x187
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 17x67
RenderText {#text} at (69,-3) size 17x67
text run at (69,-3) width 67: "outer edge"
RenderText {#text} at (69,64) size 17x84
text run at (69,64) width 84: " of its border."
RenderTable {TABLE} at (576,16) size 348x537 [border: (3px solid #0000FF)]
RenderTableSection {TBODY} at (3,3) size 342x531
RenderTableRow {TR} at (0,8) size 34x531
RenderTableCell {TH} at (8,0) size 34x138 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (8,27) size 17x83
text run at (8,27) width 82: "Header One"
RenderTableCell {TH} at (8,137) size 34x195 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1]
RenderText {#text} at (8,54) size 17x86
text run at (8,54) width 85: "Header Two"
RenderTableCell {TH} at (8,331) size 34x201 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1]
RenderText {#text} at (8,52) size 17x96
text run at (8,52) width 95: "Header Three"
RenderTableRow {TR} at (0,50) size 138x531
RenderTableCell {TD} at (50,36) size 138x66 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (42,-30) size 53x116
text run at (42,-30) width 116: "This table uses the"
text run at (60,-30) width 110: "separated borders"
text run at (78,-30) width 43: "model."
RenderTableCell {TD} at (50,137) size 138x195 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1]
RenderText {#text} at (6,6) size 125x178
text run at (6,6) width 151: "Elements within the cell"
text run at (24,6) width 147: "have horizontal border-"
text run at (42,6) width 137: "spacing (i.e., width of"
text run at (60,6) width 140: "vertical lines) of 0 and"
text run at (78,6) width 50: "vertical "
text run at (78,56) width 126: "border-spacing (i.e.,"
text run at (96,6) width 178: "height of horizontal lines) of"
text run at (114,6) width 43: "0.5em."
RenderTableCell {TD} at (50,367) size 138x129 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1]
RenderText {#text} at (42,-30) size 53x175
text run at (42,-30) width 165: "The borders on the header"
text run at (60,-30) width 36: "cells, "
text run at (60,6) width 139: "on all sides, should be"
text run at (78,-30) width 133: "medium solid purple."
RenderTableRow {TR} at (0,196) size 138x531
RenderTableCell {TD} at (196,0) size 138x138 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1]
RenderText {#text} at (6,6) size 125x123
text run at (6,6) width 110: "The border of the"
text run at (24,6) width 110: "table itself should"
text run at (42,6) width 104: "be medium solid"
text run at (60,6) width 35: "blue. "
text run at (60,41) width 76: "The borders"
text run at (78,6) width 81: "of other cells"
text run at (96,6) width 123: "should be thin solid"
text run at (114,6) width 39: "green."
RenderTableCell {TD} at (196,155) size 138x159 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1]
RenderText {#text} at (24,-12) size 71x153
text run at (24,-12) width 153: "This table should have a"
text run at (42,-12) width 142: "1em margin around all"
text run at (60,-12) width 44: "edges. "
text run at (60,32) width 80: "This margin "
text run at (60,112) width 10: "is"
text run at (78,-12) width 121: "measured from the "
RenderInline {EM} at (0,0) size 35x154
RenderText {#text} at (78,109) size 35x154
text run at (78,109) width 33: "outer"
text run at (96,-12) width 30: "edge"
RenderText {#text} at (96,18) size 17x84
text run at (96,18) width 84: " of its border."
RenderTableCell {TD} at (196,340) size 138x183 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1]
RenderText {#text} at (15,-3) size 107x187
text run at (15,-3) width 148: "The table should not be"
text run at (33,-3) width 187: "wider than the room available"
text run at (51,-3) width 77: "for it unless "
text run at (51,74) width 108: "that space is very"
text run at (69,-3) width 41: "small. "
text run at (69,38) width 146: "Because of its margins,"
text run at (87,-3) width 103: "the width of the "
text run at (87,100) width 76: "table should"
text run at (105,-3) width 118: "be less than 100%."
RenderTable {TABLE} at (940,16) size 280x537 [border: (3px solid #0000FF)]
RenderTableSection {TBODY} at (3,3) size 274x531
RenderTableRow {TR} at (0,0) size 34x531
RenderTableCell {TH} at (0,8) size 34x144 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (8,30) size 17x83
text run at (8,30) width 82: "Header One"
RenderTableCell {TH} at (0,159) size 34x148 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1]
RenderText {#text} at (8,30) size 17x86
text run at (8,30) width 85: "Header Two"
RenderTableCell {TH} at (0,314) size 34x210 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1]
RenderText {#text} at (8,56) size 17x96
text run at (8,56) width 95: "Header Three"
RenderTableRow {TR} at (0,34) size 102x531
RenderTableCell {TD} at (34,26) size 102x108 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (24,-12) size 53x116
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,159) size 102x148 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1]
RenderText {#text} at (6,6) size 89x127
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,332) size 102x174 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1]
RenderText {#text} at (24,-12) size 53x175
text run at (24,-12) width 165: "The borders on the header"
text run at (42,-12) width 36: "cells, "
text run at (42,24) width 139: "on all sides, should be"
text run at (60,-12) width 133: "medium solid purple."
RenderTableRow {TR} at (0,136) size 138x531
RenderTableCell {TD} at (136,17) size 138x126 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1]
RenderText {#text} at (15,-3) size 107x129
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,159) size 138x148 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1]
RenderText {#text} at (6,6) size 89x120
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 17x67
RenderText {#text} at (96,6) size 17x67
text run at (96,6) width 67: "outer edge"
RenderText {#text} at (96,73) size 35x102
text run at (96,73) width 35: " of its"
text run at (114,6) width 45: "border."
RenderTableCell {TD} at (136,323) size 138x192 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1]
RenderText {#text} at (15,-3) size 107x192
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 95: "table should be"
text run at (105,-3) width 99: "less than 100%."
RenderTable {TABLE} at (1236,16) size 272x537
RenderBlock {CAPTION} at (0,0) size 18x537
RenderText {#text} at (0,209) size 17x119
text run at (0,209) 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 50x537 [border: (3px solid #FF0000)]
RenderTableRow {TR} at (0,2) size 46x537 [border: (3px solid #FF0000)]
RenderTableCell {TH} at (2,2) size 46x88 [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (5,18) size 35x51
text run at (5,18) width 50: "Header"
text run at (23,29) width 28: "One"
RenderTableCell {TH} at (2,100) size 46x215 [r=0 c=1 rs=1 cs=1]
RenderText {#text} at (14,64) size 17x86
text run at (14,64) width 85: "Header Two"
RenderTableCell {TH} at (2,334) size 46x193 [r=0 c=2 rs=1 cs=1]
RenderText {#text} at (14,48) size 17x96
text run at (14,48) width 95: "Header Three"
RenderTableSection {TBODY} at (68,0) size 204x537 [border: (3px solid #FF0000)]
RenderTableRow {TR} at (0,0) size 100x537 [border: (3px solid #FF0000)]
RenderTableCell {TD} at (0,2) size 100x88 [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (5,5) size 89x62
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 (0,109) size 100x197 [r=0 c=1 rs=1 cs=1]
RenderText {#text} at (23,-13) size 53x212
text run at (23,-13) width 173: "This means that borders are"
text run at (41,-13) width 212: "allowed only on table elements or"
text run at (59,-13) width 34: "table "
text run at (59,21) width 85: "cell elements."
RenderTableCell {TD} at (0,334) size 100x193 [r=0 c=2 rs=1 cs=1]
RenderText {#text} at (14,-4) size 71x182
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,102) size 100x537 [border: (3px solid #FF0000)]
RenderTableCell {TD} at (102,2) size 100x88 [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (5,5) size 89x76
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 (102,100) size 100x215 [r=1 c=1 rs=1 cs=1]
RenderText {#text} at (14,-4) size 71x219
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 (102,334) size 100x193 [r=1 c=2 rs=1 cs=1]
RenderText {#text} at (14,-4) size 53x187
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 17x67
RenderText {#text} at (68,-4) size 17x67
text run at (68,-4) width 67: "outer edge"
RenderText {#text} at (68,63) size 17x84
text run at (68,63) width 84: " of its border."