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