OLD | NEW |
| (Empty) |
1 layer at (0,0) size 785x995 | |
2 RenderView at (0,0) size 785x600 | |
3 layer at (0,0) size 785x995 | |
4 RenderBlock {HTML} at (0,0) size 785x995 | |
5 RenderBody {BODY} at (8,8) size 769x979 [bgcolor=#CCCCCC] | |
6 RenderBlock {P} at (0,0) size 769x18 | |
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 769x60 | |
10 RenderText {#text} at (0,0) size 344x60 | |
11 text run at (0,0) width 328: ".one {border-bottom: purple double 10px;
}" | |
12 text run at (328,0) width 0: " " | |
13 text run at (0,15) width 320: ".two {border-bottom: purple thin solid;
}" | |
14 text run at (320,15) width 0: " " | |
15 text run at (0,30) width 344: ".three {border-bottom: black medium sol
id;}" | |
16 text run at (344,30) width 0: " " | |
17 text run at (0,45) width 288: "TD {border-bottom: green 2px solid;}" | |
18 text run at (288,45) width 0: " " | |
19 RenderBlock {HR} at (0,107) size 769x2 [border: (1px inset #000000)] | |
20 RenderBlock {P} at (0,125) size 769x36 | |
21 RenderText {#text} at (0,0) size 731x37 | |
22 text run at (0,0) width 658: "Note that all table cells on this page s
hould have a two-pixel solid green border along their bottom sides. " | |
23 text run at (658,0) width 73: "This border" | |
24 text run at (0,18) width 365: "applies only to the cells, not the rows
which contain them." | |
25 RenderBlock {P} at (0,177) size 769x28 [border: none (10px double #800080)
none] | |
26 RenderText {#text} at (0,0) size 438x19 | |
27 text run at (0,0) width 438: "This paragraph should have a purple, dou
ble, 10-pixel bottom border." | |
28 RenderBlock {P} at (0,221) size 769x19 [border: none (1px solid #800080) n
one] | |
29 RenderText {#text} at (0,0) size 355x19 | |
30 text run at (0,0) width 355: "This paragraph should have a thin purple
bottom border." | |
31 RenderTable {TABLE} at (0,256) size 769x110 [border: (1px outset #808080)] | |
32 RenderTableSection {TBODY} at (1,1) size 767x108 | |
33 RenderTableRow {TR} at (0,5) size 767x41 | |
34 RenderTableCell {TD} at (5,5) size 757x41 [border: (1px inset #80808
0) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2] | |
35 RenderText {#text} at (2,2) size 736x37 | |
36 text run at (2,2) width 453: "Every cell in this table should ha
ve a 2-pixel solid green bottom border. " | |
37 text run at (455,2) width 283: "This is also true of the table-t
esting section in" | |
38 text run at (2,20) width 198: "the second half of the test page.
" | |
39 RenderTableRow {TR} at (0,51) size 767x52 | |
40 RenderTableCell {TD} at (5,65) size 192x23 [border: (1px inset #8080
80) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | |
41 RenderText {#text} at (2,2) size 53x19 | |
42 text run at (2,2) width 53: "Cell one" | |
43 RenderTableCell {TD} at (202,51) size 560x52 [border: (1px inset #80
8080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1] | |
44 RenderBlock (anonymous) at (2,2) size 556x18 | |
45 RenderText {#text} at (0,0) size 54x19 | |
46 text run at (0,0) width 54: "Cell two" | |
47 RenderTable {TABLE} at (2,20) size 161x29 [border: (1px outset #80
8080)] | |
48 RenderTableSection {TBODY} at (1,1) size 159x27 | |
49 RenderTableRow {TR} at (0,2) size 159x23 | |
50 RenderTableCell {TD} at (2,2) size 155x23 [border: (1px inse
t #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1] | |
51 RenderText {#text} at (2,2) size 151x19 | |
52 text run at (2,2) width 151: "Nested single-cell table!" | |
53 RenderBlock {UL} at (0,382) size 769x135 | |
54 RenderListItem {LI} at (40,0) size 729x75 [border: none (3px solid #0000
00) none] | |
55 RenderBlock (anonymous) at (0,0) size 729x18 | |
56 RenderListMarker at (-18,0) size 7x19: bullet | |
57 RenderText {#text} at (0,0) size 118x19 | |
58 text run at (0,0) width 118: "This is a list item..." | |
59 RenderBlock {UL} at (0,18) size 729x54 | |
60 RenderListItem {LI} at (40,0) size 689x18 | |
61 RenderListMarker at (-18,0) size 7x19: white bullet | |
62 RenderText {#text} at (0,0) size 73x19 | |
63 text run at (0,0) width 73: "...and this..." | |
64 RenderListItem {LI} at (40,18) size 689x18 | |
65 RenderListMarker at (-18,0) size 7x19: white bullet | |
66 RenderText {#text} at (0,0) size 115x19 | |
67 text run at (0,0) width 115: "...is a second list..." | |
68 RenderListItem {LI} at (40,36) size 689x18 | |
69 RenderListMarker at (-18,0) size 7x19: white bullet | |
70 RenderText {#text} at (0,0) size 176x19 | |
71 text run at (0,0) width 176: "...nested within the list item." | |
72 RenderListItem {LI} at (40,75) size 729x21 [border: none (3px solid #000
000) none] | |
73 RenderListMarker at (-18,0) size 7x19: bullet | |
74 RenderText {#text} at (0,0) size 158x19 | |
75 text run at (0,0) width 158: "This is a second list item." | |
76 RenderListItem {LI} at (40,96) size 729x39 [border: none (3px solid #000
000) none] | |
77 RenderListMarker at (-18,0) size 7x19: bullet | |
78 RenderText {#text} at (0,0) size 722x37 | |
79 text run at (0,0) width 722: "Each list item in this list should hav
e a medium-width black border at its bottom, which for the first item means that
" | |
80 text run at (0,18) width 104: "it should appear " | |
81 RenderInline {EM} at (0,0) size 50x19 | |
82 RenderText {#text} at (104,18) size 50x19 | |
83 text run at (104,18) width 50: "beneath" | |
84 RenderText {#text} at (154,18) size 390x19 | |
85 text run at (154,18) width 390: " the nested list (below the line \"
...nested within the list item.\")." | |
86 RenderTable {TABLE} at (0,533) size 769x446 [border: (1px outset #808080)] | |
87 RenderTableSection {TBODY} at (1,1) size 767x444 | |
88 RenderTableRow {TR} at (0,0) size 767x27 | |
89 RenderTableCell {TD} at (0,0) size 767x27 [bgcolor=#C0C0C0] [border:
(1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2
] | |
90 RenderInline {STRONG} at (0,0) size 163x19 | |
91 RenderText {#text} at (4,4) size 163x19 | |
92 text run at (4,4) width 163: "TABLE Testing Section" | |
93 RenderTableRow {TR} at (0,27) size 767x417 | |
94 RenderTableCell {TD} at (0,222) size 12x27 [bgcolor=#C0C0C0] [border
: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=
1] | |
95 RenderText {#text} at (4,4) size 4x19 | |
96 text run at (4,4) width 4: " " | |
97 RenderTableCell {TD} at (12,27) size 755x417 [border: (1px inset #80
8080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1] | |
98 RenderBlock {P} at (4,4) size 747x36 | |
99 RenderText {#text} at (0,0) size 731x37 | |
100 text run at (0,0) width 658: "Note that all table cells on thi
s page should have a two-pixel solid green border along their bottom sides. " | |
101 text run at (658,0) width 73: "This border" | |
102 text run at (0,18) width 365: "applies only to the cells, not
the rows which contain them." | |
103 RenderBlock {P} at (4,56) size 747x28 [border: none (10px double #
800080) none] | |
104 RenderText {#text} at (0,0) size 438x19 | |
105 text run at (0,0) width 438: "This paragraph should have a pur
ple, double, 10-pixel bottom border." | |
106 RenderBlock {P} at (4,100) size 747x19 [border: none (1px solid #8
00080) none] | |
107 RenderText {#text} at (0,0) size 355x19 | |
108 text run at (0,0) width 355: "This paragraph should have a thi
n purple bottom border." | |
109 RenderTable {TABLE} at (4,135) size 747x110 [border: (1px outset #
808080)] | |
110 RenderTableSection {TBODY} at (1,1) size 745x108 | |
111 RenderTableRow {TR} at (0,5) size 745x41 | |
112 RenderTableCell {TD} at (5,5) size 735x41 [border: (1px inse
t #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2] | |
113 RenderText {#text} at (2,2) size 720x37 | |
114 text run at (2,2) width 453: "Every cell in this table s
hould have a 2-pixel solid green bottom border. " | |
115 text run at (455,2) width 267: "This is also true of the
table-testing section" | |
116 text run at (2,20) width 214: "in the second half of the
test page." | |
117 RenderTableRow {TR} at (0,51) size 745x52 | |
118 RenderTableCell {TD} at (5,65) size 186x23 [border: (1px ins
et #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | |
119 RenderText {#text} at (2,2) size 53x19 | |
120 text run at (2,2) width 53: "Cell one" | |
121 RenderTableCell {TD} at (196,51) size 544x52 [border: (1px i
nset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1] | |
122 RenderBlock (anonymous) at (2,2) size 540x18 | |
123 RenderText {#text} at (0,0) size 54x19 | |
124 text run at (0,0) width 54: "Cell two" | |
125 RenderTable {TABLE} at (2,20) size 161x29 [border: (1px ou
tset #808080)] | |
126 RenderTableSection {TBODY} at (1,1) size 159x27 | |
127 RenderTableRow {TR} at (0,2) size 159x23 | |
128 RenderTableCell {TD} at (2,2) size 155x23 [border: (
1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1] | |
129 RenderText {#text} at (2,2) size 151x19 | |
130 text run at (2,2) width 151: "Nested single-cell
table!" | |
131 RenderBlock {UL} at (4,261) size 747x135 | |
132 RenderListItem {LI} at (40,0) size 707x75 [border: none (3px sol
id #000000) none] | |
133 RenderBlock (anonymous) at (0,0) size 707x18 | |
134 RenderListMarker at (-18,0) size 7x19: bullet | |
135 RenderText {#text} at (0,0) size 118x19 | |
136 text run at (0,0) width 118: "This is a list item..." | |
137 RenderBlock {UL} at (0,18) size 707x54 | |
138 RenderListItem {LI} at (40,0) size 667x18 | |
139 RenderListMarker at (-18,0) size 7x19: white bullet | |
140 RenderText {#text} at (0,0) size 73x19 | |
141 text run at (0,0) width 73: "...and this..." | |
142 RenderListItem {LI} at (40,18) size 667x18 | |
143 RenderListMarker at (-18,0) size 7x19: white bullet | |
144 RenderText {#text} at (0,0) size 115x19 | |
145 text run at (0,0) width 115: "...is a second list..." | |
146 RenderListItem {LI} at (40,36) size 667x18 | |
147 RenderListMarker at (-18,0) size 7x19: white bullet | |
148 RenderText {#text} at (0,0) size 176x19 | |
149 text run at (0,0) width 176: "...nested within the list
item." | |
150 RenderListItem {LI} at (40,75) size 707x21 [border: none (3px so
lid #000000) none] | |
151 RenderListMarker at (-18,0) size 7x19: bullet | |
152 RenderText {#text} at (0,0) size 158x19 | |
153 text run at (0,0) width 158: "This is a second list item." | |
154 RenderListItem {LI} at (40,96) size 707x39 [border: none (3px so
lid #000000) none] | |
155 RenderListMarker at (-18,0) size 7x19: bullet | |
156 RenderText {#text} at (0,0) size 695x37 | |
157 text run at (0,0) width 695: "Each list item in this list sh
ould have a medium-width black border at its bottom, which for the first item me
ans" | |
158 text run at (0,18) width 131: "that it should appear " | |
159 RenderInline {EM} at (0,0) size 50x19 | |
160 RenderText {#text} at (131,18) size 50x19 | |
161 text run at (131,18) width 50: "beneath" | |
162 RenderText {#text} at (181,18) size 390x19 | |
163 text run at (181,18) width 390: " the nested list (below the
line \"...nested within the list item.\")." | |
OLD | NEW |