OLD | NEW |
1 layer at (0,0) size 1532x911 | 1 layer at (0,0) size 1532x911 |
2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 800x911 | 3 layer at (0,0) size 800x911 |
4 RenderBlock {HTML} at (0,0) size 800x910.88 | 4 RenderBlock {HTML} at (0,0) size 800x910.88 |
5 RenderBody {BODY} at (8,21.44) size 784x881.44 | 5 RenderBody {BODY} at (8,21.44) size 784x881.44 |
6 RenderBlock {H1} at (0,0) size 784x37 | 6 RenderBlock {H1} at (0,0) size 784x37 |
7 RenderText {#text} at (0,0) size 292x36 | 7 RenderText {#text} at (0,0) size 292x36 |
8 text run at (0,0) width 292: "Table Border Models" | 8 text run at (0,0) width 292: "Table Border Models" |
9 RenderBlock {P} at (0,58.44) size 784x18 | 9 RenderBlock {P} at (0,58.44) size 784x18 |
10 RenderText {#text} at (0,0) size 121x17 | 10 RenderText {#text} at (0,0) size 121x17 |
(...skipping 30 matching lines...) Expand all Loading... |
41 text run at (688,160) width 0: " " | 41 text run at (688,160) width 0: " " |
42 text run at (0,176) width 264: " { border: medium solid red; }" | 42 text run at (0,176) width 264: " { border: medium solid red; }" |
43 text run at (264,176) width 0: " " | 43 text run at (264,176) width 0: " " |
44 RenderBlock {DIV} at (0,297.44) size 1524x584 | 44 RenderBlock {DIV} at (0,297.44) size 1524x584 |
45 RenderTable {TABLE} at (16,16) size 238x552 [border: (1px solid #0000FF)
] | 45 RenderTable {TABLE} at (16,16) size 238x552 [border: (1px solid #0000FF)
] |
46 RenderTableSection {TBODY} at (1,1) size 235x549 | 46 RenderTableSection {TBODY} at (1,1) size 235x549 |
47 RenderTableRow {TR} at (0,0) size 31x549 | 47 RenderTableRow {TR} at (0,0) size 31x549 |
48 RenderTableCell {TH} at (0,0) size 31x183 [border: (2px solid #800
080)] [r=0 c=0 rs=1 cs=1] | 48 RenderTableCell {TH} at (0,0) size 31x183 [border: (2px solid #800
080)] [r=0 c=0 rs=1 cs=1] |
49 RenderText {#text} at (6,50) size 17x84 | 49 RenderText {#text} at (6,50) size 17x84 |
50 text run at (6,50) width 84: "Header One" | 50 text run at (6,50) width 84: "Header One" |
51 RenderTableCell {TH} at (0,183) size 31x173 [border: (2px solid #8
00080)] [r=0 c=1 rs=1 cs=1] | 51 RenderTableCell {TH} at (0,183) size 31x174 [border: (2px solid #8
00080)] [r=0 c=1 rs=1 cs=1] |
52 RenderText {#text} at (6,44) size 17x86 | 52 RenderText {#text} at (6,45) size 17x85 |
53 text run at (6,44) width 85: "Header Two" | 53 text run at (6,45) width 84: "Header Two" |
54 RenderTableCell {TH} at (0,356) size 31x193 [border: (2px solid #8
00080)] [r=0 c=2 rs=1 cs=1] | 54 RenderTableCell {TH} at (0,357) size 31x192 [border: (2px solid #8
00080)] [r=0 c=2 rs=1 cs=1] |
55 RenderText {#text} at (6,49) size 17x96 | 55 RenderText {#text} at (6,49) size 17x95 |
56 text run at (6,49) width 96: "Header Three" | 56 text run at (6,49) width 95: "Header Three" |
57 RenderTableRow {TR} at (0,31) size 102x549 | 57 RenderTableRow {TR} at (0,31) size 102x549 |
58 RenderTableCell {TD} at (31,27) size 102x129 [border: (2px solid #
008000)] [r=1 c=0 rs=1 cs=1] | 58 RenderTableCell {TD} at (31,27) size 102x129 [border: (2px solid #
008000)] [r=1 c=0 rs=1 cs=1] |
59 RenderText {#text} at (33,-20) size 35x161 | 59 RenderText {#text} at (33,-20) size 35x161 |
60 text run at (33,-20) width 119: "This table uses the" | 60 text run at (33,-20) width 119: "This table uses the" |
61 text run at (51,-20) width 161: "collapsed borders model." | 61 text run at (51,-20) width 161: "collapsed borders model." |
62 RenderTableCell {TD} at (31,201) size 102x137 [border: (1px solid
#008000)] [r=1 c=1 rs=1 cs=1] | 62 RenderTableCell {TD} at (31,201) size 102x138 [border: (1px solid
#008000)] [r=1 c=1 rs=1 cs=1] |
63 RenderText {#text} at (24,-12) size 53x155 | 63 RenderText {#text} at (24,-12) size 53x163 |
64 text run at (24,-12) width 102: "This means that" | 64 text run at (24,-12) width 163: "This means that elements" |
65 text run at (42,-12) width 153: "elements within the cell" | 65 text run at (42,-12) width 146: "within the cell have no" |
66 text run at (60,-12) width 155: "have no border-spacing." | 66 text run at (60,-12) width 100: "border-spacing." |
67 RenderTableCell {TD} at (31,356) size 102x193 [border: (1px solid
#008000)] [r=1 c=2 rs=1 cs=1] | 67 RenderTableCell {TD} at (31,357) size 102x192 [border: (1px solid
#008000)] [r=1 c=2 rs=1 cs=1] |
68 RenderText {#text} at (6,6) size 89x172 | 68 RenderText {#text} at (6,6) size 89x172 |
69 text run at (6,6) width 139: "Since it has collapsed" | 69 text run at (6,6) width 139: "Since it has collapsed" |
70 text run at (24,6) width 172: "borders, the borders on the" | 70 text run at (24,6) width 172: "borders, the borders on the" |
71 text run at (42,6) width 84: "header cells, " | 71 text run at (42,6) width 84: "header cells, " |
72 text run at (42,89) width 76: "on all sides," | 72 text run at (42,89) width 76: "on all sides," |
73 text run at (60,6) width 154: "should be medium solid" | 73 text run at (60,6) width 154: "should be medium solid" |
74 text run at (78,6) width 45: "purple." | 74 text run at (78,6) width 45: "purple." |
75 RenderTableRow {TR} at (0,133) size 102x549 | 75 RenderTableRow {TR} at (0,133) size 102x549 |
76 RenderTableCell {TD} at (133,0) size 102x183 [border: (2px solid #
008000)] [r=2 c=0 rs=1 cs=1] | 76 RenderTableCell {TD} at (133,0) size 102x183 [border: (2px solid #
008000)] [r=2 c=0 rs=1 cs=1] |
77 RenderText {#text} at (5,7) size 89x157 | 77 RenderText {#text} at (5,7) size 89x157 |
78 text run at (5,7) width 147: "The border of the table" | 78 text run at (5,7) width 147: "The border of the table" |
79 text run at (23,7) width 155: "itself should be medium" | 79 text run at (23,7) width 155: "itself should be medium" |
80 text run at (41,7) width 117: "solid blue, except " | 80 text run at (41,7) width 117: "solid blue, except " |
81 text run at (41,123) width 40: "where" | 81 text run at (41,123) width 40: "where" |
82 text run at (59,7) width 157: "header cells override the" | 82 text run at (59,7) width 157: "header cells override the" |
83 text run at (77,7) width 46: "border." | 83 text run at (77,7) width 45: "border." |
84 RenderTableCell {TD} at (133,183) size 102x173 [border: (1px solid
#008000)] [r=2 c=1 rs=1 cs=1] | 84 RenderTableCell {TD} at (133,183) size 102x174 [border: (1px solid
#008000)] [r=2 c=1 rs=1 cs=1] |
85 RenderText {#text} at (5,6) size 89x154 | 85 RenderText {#text} at (5,6) size 89x154 |
86 text run at (5,6) width 115: "The borders that I" | 86 text run at (5,6) width 115: "The borders that I" |
87 text run at (23,6) width 97: "haven't already" | 87 text run at (23,6) width 97: "haven't already" |
88 text run at (41,6) width 154: "mentioned (all the other" | 88 text run at (41,6) width 154: "mentioned (all the other" |
89 text run at (59,6) width 53: "internal " | 89 text run at (59,6) width 53: "internal " |
90 text run at (59,58) width 101: "ones) should be" | 90 text run at (59,58) width 101: "ones) should be" |
91 text run at (77,6) width 104: "thin solid green." | 91 text run at (77,6) width 104: "thin solid green." |
92 RenderTableCell {TD} at (133,356) size 102x193 [border: (1px solid
#008000)] [r=2 c=2 rs=1 cs=1] | 92 RenderTableCell {TD} at (133,357) size 102x192 [border: (1px solid
#008000)] [r=2 c=2 rs=1 cs=1] |
93 RenderText {#text} at (5,6) size 71x156 | 93 RenderText {#text} at (5,6) size 71x156 |
94 text run at (5,6) width 156: "This table should have a" | 94 text run at (5,6) width 156: "This table should have a" |
95 text run at (23,6) width 146: "1em margin around all" | 95 text run at (23,6) width 145: "1em margin around all" |
96 text run at (41,6) width 45: "edges. " | 96 text run at (41,6) width 45: "edges. " |
97 text run at (41,50) width 82: "This margin " | 97 text run at (41,50) width 82: "This margin " |
98 text run at (41,132) width 11: "is" | 98 text run at (41,131) width 11: "is" |
99 text run at (59,6) width 124: "measured from the " | 99 text run at (59,6) width 124: "measured from the " |
100 RenderInline {EM} at (0,0) size 17x45 | 100 RenderInline {EM} at (0,0) size 17x45 |
101 RenderText {#text} at (59,129) size 17x45 | 101 RenderText {#text} at (59,129) size 17x45 |
102 text run at (59,129) width 44: "middle" | 102 text run at (59,129) width 44: "middle" |
103 RenderText {#text} at (77,6) size 17x83 | 103 RenderText {#text} at (77,6) size 17x82 |
104 text run at (77,6) width 83: "of its border." | 104 text run at (77,6) width 82: "of its border." |
105 RenderTable {TABLE} at (270,16) size 290x552 [border: (3px solid #0000FF
)] | 105 RenderTable {TABLE} at (270,16) size 290x552 [border: (3px solid #0000FF
)] |
106 RenderTableSection {TBODY} at (3,3) size 284x546 | 106 RenderTableSection {TBODY} at (3,3) size 284x546 |
107 RenderTableRow {TR} at (0,16) size 34x546 | 107 RenderTableRow {TR} at (0,16) size 34x546 |
108 RenderTableCell {TH} at (16,16) size 34x117 [border: (3px solid #8
00080)] [r=0 c=0 rs=1 cs=1] | 108 RenderTableCell {TH} at (16,16) size 34x118 [border: (3px solid #8
00080)] [r=0 c=0 rs=1 cs=1] |
109 RenderText {#text} at (8,16) size 17x85 | 109 RenderText {#text} at (8,17) size 17x84 |
110 text run at (8,16) width 84: "Header One" | 110 text run at (8,17) width 84: "Header One" |
111 RenderTableCell {TH} at (16,149) size 34x139 [border: (3px solid #
800080)] [r=0 c=1 rs=1 cs=1] | 111 RenderTableCell {TH} at (16,150) size 34x139 [border: (3px solid #
800080)] [r=0 c=1 rs=1 cs=1] |
112 RenderText {#text} at (8,27) size 17x85 | 112 RenderText {#text} at (8,27) size 17x85 |
113 text run at (8,27) width 85: "Header Two" | 113 text run at (8,27) width 84: "Header Two" |
114 RenderTableCell {TH} at (16,304) size 34x226 [border: (3px solid #
800080)] [r=0 c=2 rs=1 cs=1] | 114 RenderTableCell {TH} at (16,305) size 34x225 [border: (3px solid #
800080)] [r=0 c=2 rs=1 cs=1] |
115 RenderText {#text} at (8,65) size 17x96 | 115 RenderText {#text} at (8,65) size 17x95 |
116 text run at (8,65) width 96: "Header Three" | 116 text run at (8,65) width 95: "Header Three" |
117 RenderTableRow {TR} at (0,66) size 84x546 | 117 RenderTableRow {TR} at (0,66) size 84x546 |
118 RenderTableCell {TD} at (66,25) size 84x99 [border: (1px solid #00
8000)] [r=1 c=0 rs=1 cs=1] | 118 RenderTableCell {TD} at (66,25) size 84x100 [border: (1px solid #0
08000)] [r=1 c=0 rs=1 cs=1] |
119 RenderText {#text} at (15,-3) size 53x96 | 119 RenderText {#text} at (15,-3) size 53x96 |
120 text run at (15,-3) width 96: "This table uses" | 120 text run at (15,-3) width 96: "This table uses" |
121 text run at (33,-3) width 84: "the separated" | 121 text run at (33,-3) width 84: "the separated" |
122 text run at (51,-3) width 96: "borders model." | 122 text run at (51,-3) width 96: "borders model." |
123 RenderTableCell {TD} at (66,149) size 84x139 [border: (1px solid #
008000)] [r=1 c=1 rs=1 cs=1] | 123 RenderTableCell {TD} at (66,150) size 84x139 [border: (1px solid #
008000)] [r=1 c=1 rs=1 cs=1] |
124 RenderText {#text} at (6,6) size 71x126 | 124 RenderText {#text} at (6,6) size 71x126 |
125 text run at (6,6) width 102: "This means that" | 125 text run at (6,6) width 102: "This means that" |
126 text run at (24,6) width 126: "elements within the" | 126 text run at (24,6) width 126: "elements within the" |
127 text run at (42,6) width 109: "cell have border-" | 127 text run at (42,6) width 109: "cell have border-" |
128 text run at (60,6) width 102: "spacing of 1em." | 128 text run at (60,6) width 102: "spacing of 1em." |
129 RenderTableCell {TD} at (66,313) size 84x208 [border: (1px solid #
008000)] [r=1 c=2 rs=1 cs=1] | 129 RenderTableCell {TD} at (66,314) size 84x207 [border: (1px solid #
008000)] [r=1 c=2 rs=1 cs=1] |
130 RenderText {#text} at (15,-3) size 53x205 | 130 RenderText {#text} at (15,-3) size 53x205 |
131 text run at (15,-3) width 205: "The borders on the header cell
s," | 131 text run at (15,-3) width 205: "The borders on the header cell
s," |
132 text run at (33,-3) width 199: "on all sides, should be medium
" | 132 text run at (33,-3) width 199: "on all sides, should be medium
" |
133 text run at (51,-3) width 80: "solid purple." | 133 text run at (51,-3) width 80: "solid purple." |
134 RenderTableRow {TR} at (0,166) size 102x546 | 134 RenderTableRow {TR} at (0,166) size 102x546 |
135 RenderTableCell {TD} at (166,16) size 102x117 [border: (1px solid
#008000)] [r=2 c=0 rs=1 cs=1] | 135 RenderTableCell {TD} at (166,16) size 102x118 [border: (1px solid
#008000)] [r=2 c=0 rs=1 cs=1] |
136 RenderText {#text} at (6,6) size 89x91 | 136 RenderText {#text} at (6,6) size 89x91 |
137 text run at (6,6) width 88: "The border of" | 137 text run at (6,6) width 88: "The border of" |
138 text run at (24,6) width 91: "the table itself" | 138 text run at (24,6) width 91: "the table itself" |
139 text run at (42,6) width 62: "should be" | 139 text run at (42,6) width 62: "should be" |
140 text run at (60,6) width 88: "medium solid" | 140 text run at (60,6) width 88: "medium solid" |
141 text run at (78,6) width 32: "blue." | 141 text run at (78,6) width 32: "blue." |
142 RenderTableCell {TD} at (166,167) size 102x103 [border: (1px solid
#008000)] [r=2 c=1 rs=1 cs=1] | 142 RenderTableCell {TD} at (166,168) size 102x103 [border: (1px solid
#008000)] [r=2 c=1 rs=1 cs=1] |
143 RenderText {#text} at (24,-12) size 53x123 | 143 RenderText {#text} at (24,-12) size 53x123 |
144 text run at (24,-12) width 95: "The borders of" | 144 text run at (24,-12) width 95: "The borders of" |
145 text run at (42,-12) width 113: "other cells should" | 145 text run at (42,-12) width 113: "other cells should" |
146 text run at (60,-12) width 123: "be thin solid green." | 146 text run at (60,-12) width 123: "be thin solid green." |
147 RenderTableCell {TD} at (166,313) size 102x208 [border: (1px solid
#008000)] [r=2 c=2 rs=1 cs=1] | 147 RenderTableCell {TD} at (166,314) size 102x207 [border: (1px solid
#008000)] [r=2 c=2 rs=1 cs=1] |
148 RenderText {#text} at (15,-3) size 53x191 | 148 RenderText {#text} at (15,-3) size 53x191 |
149 text run at (15,-3) width 188: "This table should have a 1em" | 149 text run at (15,-3) width 188: "This table should have a 1em" |
150 text run at (33,-3) width 163: "margin around all edges. " | 150 text run at (33,-3) width 162: "margin around all edges. " |
151 text run at (33,159) width 29: "This" | 151 text run at (33,158) width 29: "This" |
152 text run at (51,-3) width 50: "margin " | 152 text run at (51,-3) width 50: "margin " |
153 text run at (51,46) width 135: "is measured from the" | 153 text run at (51,46) width 135: "is measured from the" |
154 RenderInline {EM} at (0,0) size 17x68 | 154 RenderInline {EM} at (0,0) size 17x68 |
155 RenderText {#text} at (69,-3) size 17x68 | 155 RenderText {#text} at (69,-3) size 17x68 |
156 text run at (69,-3) width 68: "outer edge" | 156 text run at (69,-3) width 68: "outer edge" |
157 RenderText {#text} at (69,64) size 17x88 | 157 RenderText {#text} at (69,64) size 17x87 |
158 text run at (69,64) width 87: " of its border." | 158 text run at (69,64) width 86: " of its border." |
159 RenderTable {TABLE} at (576,16) size 348x552 [border: (3px solid #0000FF
)] | 159 RenderTable {TABLE} at (576,16) size 348x552 [border: (3px solid #0000FF
)] |
160 RenderTableSection {TBODY} at (3,3) size 342x546 | 160 RenderTableSection {TBODY} at (3,3) size 342x546 |
161 RenderTableRow {TR} at (0,8) size 34x546 | 161 RenderTableRow {TR} at (0,8) size 34x546 |
162 RenderTableCell {TH} at (8,0) size 34x141 [border: (3px solid #800
080)] [r=0 c=0 rs=1 cs=1] | 162 RenderTableCell {TH} at (8,0) size 34x141 [border: (3px solid #800
080)] [r=0 c=0 rs=1 cs=1] |
163 RenderText {#text} at (8,28) size 17x85 | 163 RenderText {#text} at (8,28) size 17x85 |
164 text run at (8,28) width 84: "Header One" | 164 text run at (8,28) width 84: "Header One" |
165 RenderTableCell {TH} at (8,141) size 34x199 [border: (3px solid #8
00080)] [r=0 c=1 rs=1 cs=1] | 165 RenderTableCell {TH} at (8,141) size 34x199 [border: (3px solid #8
00080)] [r=0 c=1 rs=1 cs=1] |
166 RenderText {#text} at (8,57) size 17x85 | 166 RenderText {#text} at (8,57) size 17x85 |
167 text run at (8,57) width 85: "Header Two" | 167 text run at (8,57) width 84: "Header Two" |
168 RenderTableCell {TH} at (8,340) size 34x206 [border: (3px solid #8
00080)] [r=0 c=2 rs=1 cs=1] | 168 RenderTableCell {TH} at (8,340) size 34x206 [border: (3px solid #8
00080)] [r=0 c=2 rs=1 cs=1] |
169 RenderText {#text} at (8,55) size 17x96 | 169 RenderText {#text} at (8,55) size 17x96 |
170 text run at (8,55) width 96: "Header Three" | 170 text run at (8,55) width 95: "Header Three" |
171 RenderTableRow {TR} at (0,50) size 138x546 | 171 RenderTableRow {TR} at (0,50) size 138x546 |
172 RenderTableCell {TD} at (50,36) size 138x69 [border: (1px solid #0
08000)] [r=1 c=0 rs=1 cs=1] | 172 RenderTableCell {TD} at (50,36) size 138x69 [border: (1px solid #0
08000)] [r=1 c=0 rs=1 cs=1] |
173 RenderText {#text} at (42,-30) size 53x119 | 173 RenderText {#text} at (42,-30) size 53x119 |
174 text run at (42,-30) width 119: "This table uses the" | 174 text run at (42,-30) width 119: "This table uses the" |
175 text run at (60,-30) width 113: "separated borders" | 175 text run at (60,-30) width 113: "separated borders" |
176 text run at (78,-30) width 44: "model." | 176 text run at (78,-30) width 44: "model." |
177 RenderTableCell {TD} at (50,141) size 138x199 [border: (1px solid
#008000)] [r=1 c=1 rs=1 cs=1] | 177 RenderTableCell {TD} at (50,141) size 138x199 [border: (1px solid
#008000)] [r=1 c=1 rs=1 cs=1] |
178 RenderText {#text} at (6,6) size 125x184 | 178 RenderText {#text} at (6,6) size 125x184 |
179 text run at (6,6) width 156: "Elements within the cell" | 179 text run at (6,6) width 156: "Elements within the cell" |
180 text run at (24,6) width 151: "have horizontal border-" | 180 text run at (24,6) width 150: "have horizontal border-" |
181 text run at (42,6) width 140: "spacing (i.e., width of" | 181 text run at (42,6) width 140: "spacing (i.e., width of" |
182 text run at (60,6) width 144: "vertical lines) of 0 and" | 182 text run at (60,6) width 144: "vertical lines) of 0 and" |
183 text run at (78,6) width 52: "vertical " | 183 text run at (78,6) width 52: "vertical " |
184 text run at (78,57) width 129: "border-spacing (i.e.," | 184 text run at (78,57) width 129: "border-spacing (i.e.," |
185 text run at (96,6) width 184: "height of horizontal lines) of" | 185 text run at (96,6) width 184: "height of horizontal lines) of" |
186 text run at (114,6) width 44: "0.5em." | 186 text run at (114,6) width 44: "0.5em." |
187 RenderTableCell {TD} at (50,376) size 138x134 [border: (1px solid
#008000)] [r=1 c=2 rs=1 cs=1] | 187 RenderTableCell {TD} at (50,376) size 138x134 [border: (1px solid
#008000)] [r=1 c=2 rs=1 cs=1] |
188 RenderText {#text} at (42,-30) size 53x180 | 188 RenderText {#text} at (42,-30) size 53x180 |
189 text run at (42,-30) width 168: "The borders on the header" | 189 text run at (42,-30) width 168: "The borders on the header" |
190 text run at (60,-30) width 38: "cells, " | 190 text run at (60,-30) width 38: "cells, " |
191 text run at (60,7) width 142: "on all sides, should be" | 191 text run at (60,7) width 142: "on all sides, should be" |
192 text run at (78,-30) width 137: "medium solid purple." | 192 text run at (78,-30) width 137: "medium solid purple." |
193 RenderTableRow {TR} at (0,196) size 138x546 | 193 RenderTableRow {TR} at (0,196) size 138x546 |
194 RenderTableCell {TD} at (196,0) size 138x141 [border: (1px solid #
008000)] [r=2 c=0 rs=1 cs=1] | 194 RenderTableCell {TD} at (196,0) size 138x141 [border: (1px solid #
008000)] [r=2 c=0 rs=1 cs=1] |
195 RenderText {#text} at (6,6) size 125x126 | 195 RenderText {#text} at (6,6) size 125x126 |
196 text run at (6,6) width 112: "The border of the" | 196 text run at (6,6) width 112: "The border of the" |
197 text run at (24,6) width 114: "table itself should" | 197 text run at (24,6) width 114: "table itself should" |
198 text run at (42,6) width 107: "be medium solid" | 198 text run at (42,6) width 107: "be medium solid" |
199 text run at (60,6) width 36: "blue. " | 199 text run at (60,6) width 36: "blue. " |
200 text run at (60,41) width 77: "The borders" | 200 text run at (60,41) width 77: "The borders" |
201 text run at (78,6) width 84: "of other cells" | 201 text run at (78,6) width 84: "of other cells" |
202 text run at (96,6) width 126: "should be thin solid" | 202 text run at (96,6) width 126: "should be thin solid" |
203 text run at (114,6) width 40: "green." | 203 text run at (114,6) width 40: "green." |
204 RenderTableCell {TD} at (196,159) size 138x163 [border: (1px solid
#008000)] [r=2 c=1 rs=1 cs=1] | 204 RenderTableCell {TD} at (196,159) size 138x163 [border: (1px solid
#008000)] [r=2 c=1 rs=1 cs=1] |
205 RenderText {#text} at (24,-12) size 71x156 | 205 RenderText {#text} at (24,-12) size 71x156 |
206 text run at (24,-12) width 156: "This table should have a" | 206 text run at (24,-12) width 156: "This table should have a" |
207 text run at (42,-12) width 146: "1em margin around all" | 207 text run at (42,-12) width 145: "1em margin around all" |
208 text run at (60,-12) width 45: "edges. " | 208 text run at (60,-12) width 45: "edges. " |
209 text run at (60,32) width 82: "This margin " | 209 text run at (60,32) width 82: "This margin " |
210 text run at (60,114) width 11: "is" | 210 text run at (60,113) width 11: "is" |
211 text run at (78,-12) width 124: "measured from the " | 211 text run at (78,-12) width 124: "measured from the " |
212 RenderInline {EM} at (0,0) size 35x158 | 212 RenderInline {EM} at (0,0) size 35x158 |
213 RenderText {#text} at (78,111) size 35x158 | 213 RenderText {#text} at (78,111) size 35x158 |
214 text run at (78,111) width 34: "outer" | 214 text run at (78,111) width 34: "outer" |
215 text run at (96,-12) width 31: "edge" | 215 text run at (96,-12) width 31: "edge" |
216 RenderText {#text} at (96,18) size 17x87 | 216 RenderText {#text} at (96,18) size 17x86 |
217 text run at (96,18) width 87: " of its border." | 217 text run at (96,18) width 86: " of its border." |
218 RenderTableCell {TD} at (196,349) size 138x188 [border: (1px solid
#008000)] [r=2 c=2 rs=1 cs=1] | 218 RenderTableCell {TD} at (196,349) size 138x188 [border: (1px solid
#008000)] [r=2 c=2 rs=1 cs=1] |
219 RenderText {#text} at (15,-3) size 107x192 | 219 RenderText {#text} at (15,-3) size 107x192 |
220 text run at (15,-3) width 191: "The table should not be wider" | 220 text run at (15,-3) width 191: "The table should not be wider" |
221 text run at (33,-3) width 187: "than the room available for it
" | 221 text run at (33,-3) width 187: "than the room available for it
" |
222 text run at (51,-3) width 44: "unless " | 222 text run at (51,-3) width 44: "unless " |
223 text run at (51,41) width 111: "that space is very" | 223 text run at (51,41) width 111: "that space is very" |
224 text run at (69,-3) width 43: "small. " | 224 text run at (69,-3) width 43: "small. " |
225 text run at (69,39) width 150: "Because of its margins," | 225 text run at (69,39) width 150: "Because of its margins," |
226 text run at (87,-3) width 105: "the width of the " | 226 text run at (87,-3) width 105: "the width of the " |
227 text run at (87,101) width 78: "table should" | 227 text run at (87,101) width 78: "table should" |
228 text run at (105,-3) width 120: "be less than 100%." | 228 text run at (105,-3) width 120: "be less than 100%." |
229 RenderTable {TABLE} at (940,16) size 280x552 [border: (3px solid #0000FF
)] | 229 RenderTable {TABLE} at (940,16) size 280x552 [border: (3px solid #0000FF
)] |
230 RenderTableSection {TBODY} at (3,3) size 274x546 | 230 RenderTableSection {TBODY} at (3,3) size 274x546 |
231 RenderTableRow {TR} at (0,0) size 34x546 | 231 RenderTableRow {TR} at (0,0) size 34x546 |
232 RenderTableCell {TH} at (0,8) size 34x148 [border: (3px solid #800
080)] [r=0 c=0 rs=1 cs=1] | 232 RenderTableCell {TH} at (0,8) size 34x148 [border: (3px solid #800
080)] [r=0 c=0 rs=1 cs=1] |
233 RenderText {#text} at (8,32) size 17x84 | 233 RenderText {#text} at (8,32) size 17x84 |
234 text run at (8,32) width 84: "Header One" | 234 text run at (8,32) width 84: "Header One" |
235 RenderTableCell {TH} at (0,164) size 34x150 [border: (3px solid #8
00080)] [r=0 c=1 rs=1 cs=1] | 235 RenderTableCell {TH} at (0,164) size 34x150 [border: (3px solid #8
00080)] [r=0 c=1 rs=1 cs=1] |
236 RenderText {#text} at (8,32) size 17x86 | 236 RenderText {#text} at (8,33) size 17x84 |
237 text run at (8,32) width 85: "Header Two" | 237 text run at (8,33) width 84: "Header Two" |
238 RenderTableCell {TH} at (0,322) size 34x216 [border: (3px solid #8
00080)] [r=0 c=2 rs=1 cs=1] | 238 RenderTableCell {TH} at (0,322) size 34x216 [border: (3px solid #8
00080)] [r=0 c=2 rs=1 cs=1] |
239 RenderText {#text} at (8,60) size 17x96 | 239 RenderText {#text} at (8,60) size 17x96 |
240 text run at (8,60) width 96: "Header Three" | 240 text run at (8,60) width 95: "Header Three" |
241 RenderTableRow {TR} at (0,34) size 102x546 | 241 RenderTableRow {TR} at (0,34) size 102x546 |
242 RenderTableCell {TD} at (34,26) size 102x112 [border: (1px solid #
008000)] [r=1 c=0 rs=1 cs=1] | 242 RenderTableCell {TD} at (34,26) size 102x112 [border: (1px solid #
008000)] [r=1 c=0 rs=1 cs=1] |
243 RenderText {#text} at (24,-12) size 53x119 | 243 RenderText {#text} at (24,-12) size 53x119 |
244 text run at (24,-12) width 119: "This table uses the" | 244 text run at (24,-12) width 119: "This table uses the" |
245 text run at (42,-12) width 113: "separated borders" | 245 text run at (42,-12) width 113: "separated borders" |
246 text run at (60,-12) width 44: "model." | 246 text run at (60,-12) width 44: "model." |
247 RenderTableCell {TD} at (34,164) size 102x150 [border: (1px solid
#008000)] [r=1 c=1 rs=1 cs=1] | 247 RenderTableCell {TD} at (34,164) size 102x150 [border: (1px solid
#008000)] [r=1 c=1 rs=1 cs=1] |
248 RenderText {#text} at (6,6) size 89x130 | 248 RenderText {#text} at (6,6) size 89x129 |
249 text run at (6,6) width 128: "Elements within the" | 249 text run at (6,6) width 128: "Elements within the" |
250 text run at (24,6) width 127: "cell have horizontal" | 250 text run at (24,6) width 127: "cell have horizontal" |
251 text run at (42,6) width 114: "border-spacing of" | 251 text run at (42,6) width 113: "border-spacing of" |
252 text run at (60,6) width 119: "0.5em and vertical" | 252 text run at (60,6) width 119: "0.5em and vertical" |
253 text run at (78,6) width 130: "border-spacing of 0." | 253 text run at (78,6) width 129: "border-spacing of 0." |
254 RenderTableCell {TD} at (34,340) size 102x180 [border: (1px solid
#008000)] [r=1 c=2 rs=1 cs=1] | 254 RenderTableCell {TD} at (34,340) size 102x180 [border: (1px solid
#008000)] [r=1 c=2 rs=1 cs=1] |
255 RenderText {#text} at (24,-12) size 53x180 | 255 RenderText {#text} at (24,-12) size 53x180 |
256 text run at (24,-12) width 168: "The borders on the header" | 256 text run at (24,-12) width 168: "The borders on the header" |
257 text run at (42,-12) width 38: "cells, " | 257 text run at (42,-12) width 38: "cells, " |
258 text run at (42,25) width 142: "on all sides, should be" | 258 text run at (42,25) width 142: "on all sides, should be" |
259 text run at (60,-12) width 137: "medium solid purple." | 259 text run at (60,-12) width 137: "medium solid purple." |
260 RenderTableRow {TR} at (0,136) size 138x546 | 260 RenderTableRow {TR} at (0,136) size 138x546 |
261 RenderTableCell {TD} at (136,17) size 138x130 [border: (1px solid
#008000)] [r=2 c=0 rs=1 cs=1] | 261 RenderTableCell {TD} at (136,17) size 138x130 [border: (1px solid
#008000)] [r=2 c=0 rs=1 cs=1] |
262 RenderText {#text} at (15,-3) size 107x133 | 262 RenderText {#text} at (15,-3) size 107x133 |
263 text run at (15,-3) width 112: "The border of the" | 263 text run at (15,-3) width 112: "The border of the" |
264 text run at (33,-3) width 133: "table itself should be" | 264 text run at (33,-3) width 133: "table itself should be" |
265 text run at (51,-3) width 124: "medium solid blue." | 265 text run at (51,-3) width 124: "medium solid blue." |
266 text run at (69,-3) width 132: "The borders of other" | 266 text run at (69,-3) width 132: "The borders of other" |
267 text run at (87,-3) width 124: "cells should be thin" | 267 text run at (87,-3) width 124: "cells should be thin" |
268 text run at (105,-3) width 75: "solid green." | 268 text run at (105,-3) width 75: "solid green." |
269 RenderTableCell {TD} at (136,164) size 138x150 [border: (1px solid
#008000)] [r=2 c=1 rs=1 cs=1] | 269 RenderTableCell {TD} at (136,164) size 138x150 [border: (1px solid
#008000)] [r=2 c=1 rs=1 cs=1] |
270 RenderText {#text} at (6,6) size 89x123 | 270 RenderText {#text} at (6,6) size 89x122 |
271 text run at (6,6) width 111: "This table should" | 271 text run at (6,6) width 111: "This table should" |
272 text run at (24,6) width 123: "have a 1em margin" | 272 text run at (24,6) width 122: "have a 1em margin" |
273 text run at (42,6) width 109: "around all edges." | 273 text run at (42,6) width 109: "around all edges." |
274 text run at (60,6) width 82: "This margin " | 274 text run at (60,6) width 82: "This margin " |
275 text run at (60,87) width 11: "is" | 275 text run at (60,87) width 11: "is" |
276 text run at (78,6) width 120: "measured from the" | 276 text run at (78,6) width 120: "measured from the" |
277 RenderInline {EM} at (0,0) size 17x68 | 277 RenderInline {EM} at (0,0) size 17x68 |
278 RenderText {#text} at (96,6) size 17x68 | 278 RenderText {#text} at (96,6) size 17x68 |
279 text run at (96,6) width 68: "outer edge" | 279 text run at (96,6) width 68: "outer edge" |
280 RenderText {#text} at (96,73) size 35x105 | 280 RenderText {#text} at (96,73) size 35x105 |
281 text run at (96,73) width 37: " of its" | 281 text run at (96,73) width 37: " of its" |
282 text run at (114,6) width 46: "border." | 282 text run at (114,6) width 45: "border." |
283 RenderTableCell {TD} at (136,331) size 138x198 [border: (1px solid
#008000)] [r=2 c=2 rs=1 cs=1] | 283 RenderTableCell {TD} at (136,331) size 138x198 [border: (1px solid
#008000)] [r=2 c=2 rs=1 cs=1] |
284 RenderText {#text} at (15,-3) size 107x198 | 284 RenderText {#text} at (15,-3) size 107x198 |
285 text run at (15,-3) width 191: "The table should not be wider" | 285 text run at (15,-3) width 191: "The table should not be wider" |
286 text run at (33,-3) width 187: "than the room available for it
" | 286 text run at (33,-3) width 187: "than the room available for it
" |
287 text run at (51,-3) width 44: "unless " | 287 text run at (51,-3) width 44: "unless " |
288 text run at (51,41) width 154: "that space is very small." | 288 text run at (51,41) width 154: "that space is very small." |
289 text run at (69,-3) width 173: "Because of its margins, the" | 289 text run at (69,-3) width 173: "Because of its margins, the" |
290 text run at (87,-3) width 82: "width of the " | 290 text run at (87,-3) width 82: "width of the " |
291 text run at (87,78) width 97: "table should be" | 291 text run at (87,78) width 97: "table should be" |
292 text run at (105,-3) width 101: "less than 100%." | 292 text run at (105,-3) width 101: "less than 100%." |
293 RenderTable {TABLE} at (1236,16) size 272x552 | 293 RenderTable {TABLE} at (1236,16) size 272x552 |
294 RenderBlock {CAPTION} at (0,0) size 18x552 | 294 RenderBlock {CAPTION} at (0,0) size 18x552 |
295 RenderText {#text} at (0,215) size 17x122 | 295 RenderText {#text} at (0,215) size 17x122 |
296 text run at (0,215) width 122: "This is the caption." | 296 text run at (0,215) width 122: "This is the caption." |
297 RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF000
0)] | 297 RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF000
0)] |
298 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] | 298 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] |
299 RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF000
0)] | 299 RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF000
0)] |
300 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] | 300 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] |
301 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] | 301 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] |
302 RenderTableSection {THEAD} at (18,0) size 50x552 [border: (3px solid #
FF0000)] | 302 RenderTableSection {THEAD} at (18,0) size 50x552 [border: (3px solid #
FF0000)] |
303 RenderTableRow {TR} at (0,2) size 46x552 [border: (3px solid #FF0000
)] | 303 RenderTableRow {TR} at (0,2) size 46x552 [border: (3px solid #FF0000
)] |
304 RenderTableCell {TH} at (2,2) size 46x89 [r=0 c=0 rs=1 cs=1] | 304 RenderTableCell {TH} at (2,2) size 46x90 [r=0 c=0 rs=1 cs=1] |
305 RenderText {#text} at (5,19) size 35x51 | 305 RenderText {#text} at (5,19) size 35x52 |
306 text run at (5,19) width 51: "Header" | 306 text run at (5,19) width 51: "Header" |
307 text run at (23,30) width 29: "One" | 307 text run at (23,30) width 29: "One" |
308 RenderTableCell {TH} at (2,102) size 46x221 [r=0 c=1 rs=1 cs=1] | 308 RenderTableCell {TH} at (2,103) size 46x221 [r=0 c=1 rs=1 cs=1] |
309 RenderText {#text} at (14,68) size 17x85 | 309 RenderText {#text} at (14,68) size 17x85 |
310 text run at (14,68) width 85: "Header Two" | 310 text run at (14,68) width 84: "Header Two" |
311 RenderTableCell {TH} at (2,343) size 46x198 [r=0 c=2 rs=1 cs=1] | 311 RenderTableCell {TH} at (2,344) size 46x197 [r=0 c=2 rs=1 cs=1] |
312 RenderText {#text} at (14,51) size 17x96 | 312 RenderText {#text} at (14,51) size 17x95 |
313 text run at (14,51) width 96: "Header Three" | 313 text run at (14,51) width 95: "Header Three" |
314 RenderTableSection {TBODY} at (68,0) size 204x552 [border: (3px solid
#FF0000)] | 314 RenderTableSection {TBODY} at (68,0) size 204x552 [border: (3px solid
#FF0000)] |
315 RenderTableRow {TR} at (0,0) size 100x552 [border: (3px solid #FF000
0)] | 315 RenderTableRow {TR} at (0,0) size 100x552 [border: (3px solid #FF000
0)] |
316 RenderTableCell {TD} at (0,2) size 100x89 [r=0 c=0 rs=1 cs=1] | 316 RenderTableCell {TD} at (0,2) size 100x90 [r=0 c=0 rs=1 cs=1] |
317 RenderText {#text} at (5,5) size 89x64 | 317 RenderText {#text} at (5,5) size 89x64 |
318 text run at (5,5) width 64: "This table" | 318 text run at (5,5) width 64: "This table" |
319 text run at (23,5) width 52: "uses the" | 319 text run at (23,5) width 52: "uses the" |
320 text run at (41,5) width 61: "separated" | 320 text run at (41,5) width 61: "separated" |
321 text run at (59,5) width 48: "borders" | 321 text run at (59,5) width 48: "borders" |
322 text run at (77,5) width 44: "model." | 322 text run at (77,5) width 44: "model." |
323 RenderTableCell {TD} at (0,111) size 100x203 [r=0 c=1 rs=1 cs=1] | 323 RenderTableCell {TD} at (0,112) size 100x203 [r=0 c=1 rs=1 cs=1] |
324 RenderText {#text} at (23,-13) size 53x217 | 324 RenderText {#text} at (23,-13) size 53x217 |
325 text run at (23,-13) width 177: "This means that borders are" | 325 text run at (23,-13) width 177: "This means that borders are" |
326 text run at (41,-13) width 217: "allowed only on table element
s or" | 326 text run at (41,-13) width 217: "allowed only on table element
s or" |
327 text run at (59,-13) width 36: "table " | 327 text run at (59,-13) width 36: "table " |
328 text run at (59,22) width 88: "cell elements." | 328 text run at (59,22) width 88: "cell elements." |
329 RenderTableCell {TD} at (0,343) size 100x198 [r=0 c=2 rs=1 cs=1] | 329 RenderTableCell {TD} at (0,344) size 100x197 [r=0 c=2 rs=1 cs=1] |
330 RenderText {#text} at (14,-4) size 71x187 | 330 RenderText {#text} at (14,-4) size 71x187 |
331 text run at (14,-4) width 156: "They are not allowed on" | 331 text run at (14,-4) width 156: "They are not allowed on" |
332 text run at (32,-4) width 187: "elements that represent rows," | 332 text run at (32,-4) width 187: "elements that represent rows," |
333 text run at (50,-4) width 158: "row-groups, columns, or" | 333 text run at (50,-4) width 158: "row-groups, columns, or" |
334 text run at (68,-4) width 101: "column-groups." | 334 text run at (68,-4) width 101: "column-groups." |
335 RenderTableRow {TR} at (0,102) size 100x552 [border: (3px solid #FF0
000)] | 335 RenderTableRow {TR} at (0,102) size 100x552 [border: (3px solid #FF0
000)] |
336 RenderTableCell {TD} at (102,2) size 100x89 [r=1 c=0 rs=1 cs=1] | 336 RenderTableCell {TD} at (102,2) size 100x90 [r=1 c=0 rs=1 cs=1] |
337 RenderText {#text} at (5,5) size 89x79 | 337 RenderText {#text} at (5,5) size 89x79 |
338 text run at (5,5) width 38: "There" | 338 text run at (5,5) width 38: "There" |
339 text run at (23,5) width 62: "should be" | 339 text run at (23,5) width 62: "should be" |
340 text run at (41,5) width 68: "no borders" | 340 text run at (41,5) width 68: "no borders" |
341 text run at (59,5) width 79: "at all on this" | 341 text run at (59,5) width 79: "at all on this" |
342 text run at (77,5) width 37: "table!" | 342 text run at (77,5) width 37: "table!" |
343 RenderTableCell {TD} at (102,102) size 100x221 [r=1 c=1 rs=1 cs=1] | 343 RenderTableCell {TD} at (102,103) size 100x221 [r=1 c=1 rs=1 cs=1] |
344 RenderText {#text} at (14,-4) size 71x224 | 344 RenderText {#text} at (14,-4) size 71x224 |
345 text run at (14,-4) width 224: "If there are any borders shown
that" | 345 text run at (14,-4) width 224: "If there are any borders shown
that" |
346 text run at (32,-4) width 200: "are not medium solid red, then
" | 346 text run at (32,-4) width 200: "are not medium solid red, then
" |
347 text run at (32,195) width 20: "the" | 347 text run at (32,195) width 20: "the" |
348 text run at (50,-4) width 208: "problem is something other tha
n" | 348 text run at (50,-4) width 208: "problem is something other tha
n" |
349 text run at (68,-4) width 150: "what this test is testing." | 349 text run at (68,-4) width 150: "what this test is testing." |
350 RenderTableCell {TD} at (102,343) size 100x198 [r=1 c=2 rs=1 cs=1] | 350 RenderTableCell {TD} at (102,344) size 100x197 [r=1 c=2 rs=1 cs=1] |
351 RenderText {#text} at (14,-4) size 53x191 | 351 RenderText {#text} at (14,-4) size 53x191 |
352 text run at (14,-4) width 188: "This table should have a 1em" | 352 text run at (14,-4) width 188: "This table should have a 1em" |
353 text run at (32,-4) width 163: "margin around all edges. " | 353 text run at (32,-4) width 162: "margin around all edges. " |
354 text run at (32,158) width 29: "This" | 354 text run at (32,157) width 29: "This" |
355 text run at (50,-4) width 50: "margin " | 355 text run at (50,-4) width 50: "margin " |
356 text run at (50,45) width 135: "is measured from the" | 356 text run at (50,45) width 135: "is measured from the" |
357 RenderInline {EM} at (0,0) size 17x68 | 357 RenderInline {EM} at (0,0) size 17x68 |
358 RenderText {#text} at (68,-4) size 17x68 | 358 RenderText {#text} at (68,-4) size 17x68 |
359 text run at (68,-4) width 68: "outer edge" | 359 text run at (68,-4) width 68: "outer edge" |
360 RenderText {#text} at (68,63) size 17x88 | 360 RenderText {#text} at (68,63) size 17x87 |
361 text run at (68,63) width 87: " of its border." | 361 text run at (68,63) width 86: " of its border." |
OLD | NEW |