OLD | NEW |
| (Empty) |
1 layer at (0,0) size 785x1082 | |
2 RenderView at (0,0) size 785x600 | |
3 layer at (0,0) size 785x1082 | |
4 RenderBlock {HTML} at (0,0) size 785x1082 | |
5 RenderBody {BODY} at (8,8) size 769x1066 [bgcolor=#CCCCCC] | |
6 RenderBlock {P} at (0,0) size 749x18 | |
7 RenderText {#text} at (0,0) size 355x19 | |
8 text run at (0,0) width 355: "The style declarations which apply to th
e text below are:" | |
9 RenderBlock {PRE} at (0,34) size 769x105 | |
10 RenderText {#text} at (0,0) size 352x105 | |
11 text run at (0,0) width 184: "P {margin-right: 20px;}" | |
12 text run at (184,0) width 0: " " | |
13 text run at (0,15) width 320: ".one {border-right: purple double 10px;
}" | |
14 text run at (320,15) width 0: " " | |
15 text run at (0,30) width 312: ".two {border-right: purple thin solid;}
" | |
16 text run at (312,30) width 0: " " | |
17 text run at (0,45) width 344: ".threea {border-right: black medium sol
id;}" | |
18 text run at (344,45) width 0: " " | |
19 text run at (0,60) width 352: ".threeb {border-right: purple medium so
lid;}" | |
20 text run at (352,60) width 0: " " | |
21 text run at (0,75) width 336: ".threec {border-right: blue medium soli
d;}" | |
22 text run at (336,75) width 0: " " | |
23 text run at (0,90) width 280: "TD {border-right: green 2px solid;}" | |
24 text run at (280,90) width 0: " " | |
25 RenderBlock {HR} at (0,152) size 769x2 [border: (1px inset #000000)] | |
26 RenderBlock {P} at (0,170) size 749x36 | |
27 RenderText {#text} at (0,0) size 716x37 | |
28 text run at (0,0) width 643: "Note that all table cells on this page s
hould have a two-pixel solid green border along their right sides. " | |
29 text run at (643,0) width 73: "This border" | |
30 text run at (0,18) width 365: "applies only to the cells, not the rows
which contain them." | |
31 RenderBlock {P} at (0,222) size 749x18 [border: none (10px double #800080)
none] | |
32 RenderText {#text} at (0,0) size 423x19 | |
33 text run at (0,0) width 423: "This paragraph should have a purple, dou
ble, 10-pixel right border." | |
34 RenderBlock {P} at (0,256) size 749x18 [border: none (1px solid #800080) n
one] | |
35 RenderText {#text} at (0,0) size 340x19 | |
36 text run at (0,0) width 340: "This paragraph should have a thin purple
right border." | |
37 RenderTable {TABLE} at (0,290) size 769x107 [border: (1px outset #808080)] | |
38 RenderTableSection {TBODY} at (1,1) size 767x105 | |
39 RenderTableRow {TR} at (0,5) size 767x40 | |
40 RenderTableCell {TD} at (5,5) size 757x40 [border: (1px inset #80808
0) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2] | |
41 RenderText {#text} at (2,2) size 744x37 | |
42 text run at (2,2) width 438: "Every cell in this table should ha
ve a 2-pixel solid green right border. " | |
43 text run at (440,2) width 306: "This is also true of the table-t
esting section in the" | |
44 text run at (2,20) width 175: "second half of the test page." | |
45 RenderTableRow {TR} at (0,50) size 767x50 | |
46 RenderTableCell {TD} at (5,64) size 193x22 [border: (1px inset #8080
80) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | |
47 RenderText {#text} at (2,2) size 53x19 | |
48 text run at (2,2) width 53: "Cell one" | |
49 RenderTableCell {TD} at (203,50) size 559x50 [border: (1px inset #80
8080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1] | |
50 RenderBlock (anonymous) at (2,2) size 554x18 | |
51 RenderText {#text} at (0,0) size 54x19 | |
52 text run at (0,0) width 54: "Cell two" | |
53 RenderTable {TABLE} at (2,20) size 162x28 [border: (1px outset #80
8080)] | |
54 RenderTableSection {TBODY} at (1,1) size 160x26 | |
55 RenderTableRow {TR} at (0,2) size 160x22 | |
56 RenderTableCell {TD} at (2,2) size 156x22 [border: (1px inse
t #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1] | |
57 RenderText {#text} at (2,2) size 151x19 | |
58 text run at (2,2) width 151: "Nested single-cell table!" | |
59 RenderBlock {UL} at (0,413) size 769x162 | |
60 RenderListItem {LI} at (40,0) size 729x72 [border: none (3px solid #0000
00) none] | |
61 RenderBlock (anonymous) at (0,0) size 726x18 | |
62 RenderListMarker at (-18,0) size 7x19: bullet | |
63 RenderText {#text} at (0,0) size 118x19 | |
64 text run at (0,0) width 118: "This is a list item..." | |
65 RenderBlock {UL} at (0,18) size 726x54 | |
66 RenderListItem {LI} at (40,0) size 686x18 | |
67 RenderListMarker at (-18,0) size 7x19: white bullet | |
68 RenderText {#text} at (0,0) size 73x19 | |
69 text run at (0,0) width 73: "...and this..." | |
70 RenderListItem {LI} at (40,18) size 686x18 | |
71 RenderListMarker at (-18,0) size 7x19: white bullet | |
72 RenderText {#text} at (0,0) size 115x19 | |
73 text run at (0,0) width 115: "...is a second list..." | |
74 RenderListItem {LI} at (40,36) size 686x18 | |
75 RenderListMarker at (-18,0) size 7x19: white bullet | |
76 RenderText {#text} at (0,0) size 176x19 | |
77 text run at (0,0) width 176: "...nested within the list item." | |
78 RenderListItem {LI} at (40,72) size 729x18 [border: none (3px solid #800
080) none] | |
79 RenderListMarker at (-18,0) size 7x19: bullet | |
80 RenderText {#text} at (0,0) size 158x19 | |
81 text run at (0,0) width 158: "This is a second list item." | |
82 RenderListItem {LI} at (40,90) size 729x72 [border: none (3px solid #000
0FF) none] | |
83 RenderListMarker at (-18,0) size 7x19: bullet | |
84 RenderText {#text} at (0,0) size 707x73 | |
85 text run at (0,0) width 700: "Each list item in this 'parent' list s
hould have a medium-width border along its right side, in each of three colors." | |
86 text run at (0,18) width 704: "The first item's border should travel
the entire height the nested list (to end near the baseline of the line \"...ne
sted" | |
87 text run at (0,36) width 538: "within the list item.\"), even though
the nested list does not have any border styles set. " | |
88 text run at (538,36) width 169: "The borders should line up" | |
89 text run at (0,54) width 621: "together at the right edge of the doc
ument's body, as each list element has a default width of 100%." | |
90 RenderTable {TABLE} at (0,591) size 769x475 [border: (1px outset #808080)] | |
91 RenderTableSection {TBODY} at (1,1) size 767x473 | |
92 RenderTableRow {TR} at (0,0) size 767x26 | |
93 RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2
] | |
94 RenderInline {STRONG} at (0,0) size 163x19 | |
95 RenderText {#text} at (4,4) size 163x19 | |
96 text run at (4,4) width 163: "TABLE Testing Section" | |
97 RenderTableRow {TR} at (0,26) size 767x447 | |
98 RenderTableCell {TD} at (0,236) size 13x26 [bgcolor=#C0C0C0] [border
: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=
1] | |
99 RenderText {#text} at (4,4) size 4x19 | |
100 text run at (4,4) width 4: " " | |
101 RenderTableCell {TD} at (13,26) size 754x447 [border: (1px inset #80
8080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1] | |
102 RenderBlock {P} at (4,4) size 725x36 | |
103 RenderText {#text} at (0,0) size 716x37 | |
104 text run at (0,0) width 643: "Note that all table cells on thi
s page should have a two-pixel solid green border along their right sides. " | |
105 text run at (643,0) width 73: "This border" | |
106 text run at (0,18) width 365: "applies only to the cells, not
the rows which contain them." | |
107 RenderBlock {P} at (4,56) size 725x18 [border: none (10px double #
800080) none] | |
108 RenderText {#text} at (0,0) size 423x19 | |
109 text run at (0,0) width 423: "This paragraph should have a pur
ple, double, 10-pixel right border." | |
110 RenderBlock {P} at (4,90) size 725x18 [border: none (1px solid #80
0080) none] | |
111 RenderText {#text} at (0,0) size 340x19 | |
112 text run at (0,0) width 340: "This paragraph should have a thi
n purple right border." | |
113 RenderTable {TABLE} at (4,124) size 745x107 [border: (1px outset #
808080)] | |
114 RenderTableSection {TBODY} at (1,1) size 743x105 | |
115 RenderTableRow {TR} at (0,5) size 743x40 | |
116 RenderTableCell {TD} at (5,5) size 733x40 [border: (1px inse
t #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2] | |
117 RenderText {#text} at (2,2) size 721x37 | |
118 text run at (2,2) width 438: "Every cell in this table s
hould have a 2-pixel solid green right border. " | |
119 text run at (440,2) width 283: "This is also true of the
table-testing section in" | |
120 text run at (2,20) width 198: "the second half of the te
st page." | |
121 RenderTableRow {TR} at (0,50) size 743x50 | |
122 RenderTableCell {TD} at (5,64) size 186x22 [border: (1px ins
et #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | |
123 RenderText {#text} at (2,2) size 53x19 | |
124 text run at (2,2) width 53: "Cell one" | |
125 RenderTableCell {TD} at (196,50) size 542x50 [border: (1px i
nset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1] | |
126 RenderBlock (anonymous) at (2,2) size 537x18 | |
127 RenderText {#text} at (0,0) size 54x19 | |
128 text run at (0,0) width 54: "Cell two" | |
129 RenderTable {TABLE} at (2,20) size 162x28 [border: (1px ou
tset #808080)] | |
130 RenderTableSection {TBODY} at (1,1) size 160x26 | |
131 RenderTableRow {TR} at (0,2) size 160x22 | |
132 RenderTableCell {TD} at (2,2) size 156x22 [border: (
1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1] | |
133 RenderText {#text} at (2,2) size 151x19 | |
134 text run at (2,2) width 151: "Nested single-cell
table!" | |
135 RenderBlock {UL} at (4,247) size 745x180 | |
136 RenderListItem {LI} at (40,0) size 705x72 [border: none (3px sol
id #000000) none] | |
137 RenderBlock (anonymous) at (0,0) size 702x18 | |
138 RenderListMarker at (-18,0) size 7x19: bullet | |
139 RenderText {#text} at (0,0) size 118x19 | |
140 text run at (0,0) width 118: "This is a list item..." | |
141 RenderBlock {UL} at (0,18) size 702x54 | |
142 RenderListItem {LI} at (40,0) size 662x18 | |
143 RenderListMarker at (-18,0) size 7x19: white bullet | |
144 RenderText {#text} at (0,0) size 73x19 | |
145 text run at (0,0) width 73: "...and this..." | |
146 RenderListItem {LI} at (40,18) size 662x18 | |
147 RenderListMarker at (-18,0) size 7x19: white bullet | |
148 RenderText {#text} at (0,0) size 115x19 | |
149 text run at (0,0) width 115: "...is a second list..." | |
150 RenderListItem {LI} at (40,36) size 662x18 | |
151 RenderListMarker at (-18,0) size 7x19: white bullet | |
152 RenderText {#text} at (0,0) size 176x19 | |
153 text run at (0,0) width 176: "...nested within the list
item." | |
154 RenderListItem {LI} at (40,72) size 705x18 [border: none (3px so
lid #800080) none] | |
155 RenderListMarker at (-18,0) size 7x19: bullet | |
156 RenderText {#text} at (0,0) size 158x19 | |
157 text run at (0,0) width 158: "This is a second list item." | |
158 RenderListItem {LI} at (40,90) size 705x90 [border: none (3px so
lid #0000FF) none] | |
159 RenderListMarker at (-18,0) size 7x19: bullet | |
160 RenderText {#text} at (0,0) size 700x91 | |
161 text run at (0,0) width 700: "Each list item in this 'parent
' list should have a medium-width border along its right side, in each of three
colors." | |
162 text run at (0,18) width 641: "The first item's border shoul
d travel the entire height the nested list (to end near the baseline of the line
" | |
163 text run at (0,36) width 601: "\"...nested within the list i
tem.\"), even though the nested list does not have any border styles set. " | |
164 text run at (601,36) width 76: "The borders" | |
165 text run at (0,54) width 669: "should line up together at th
e right edge of the document's body, as each list element has a default width of
" | |
166 text run at (0,72) width 41: "100%." | |
OLD | NEW |