| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 785x1028 | |
| 2 RenderView at (0,0) size 785x600 | |
| 3 layer at (0,0) size 785x1028 | |
| 4 RenderBlock {HTML} at (0,0) size 785x1028 | |
| 5 RenderBody {BODY} at (8,8) size 769x1012 [bgcolor=#CCCCCC] | |
| 6 RenderBlock {P} at (20,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 344x105 | |
| 11 text run at (0,0) width 176: "P {margin-left: 20px;}" | |
| 12 text run at (176,0) width 0: " " | |
| 13 text run at (0,15) width 312: ".one {border-left: purple double 10px;}
" | |
| 14 text run at (312,15) width 0: " " | |
| 15 text run at (0,30) width 304: ".two {border-left: purple thin solid;}" | |
| 16 text run at (304,30) width 0: " " | |
| 17 text run at (0,45) width 336: ".threea {border-left: black medium soli
d;}" | |
| 18 text run at (336,45) width 0: " " | |
| 19 text run at (0,60) width 344: ".threeb {border-left: purple medium sol
id;}" | |
| 20 text run at (344,60) width 0: " " | |
| 21 text run at (0,75) width 328: ".threec {border-left: blue medium solid
;}" | |
| 22 text run at (328,75) width 0: " " | |
| 23 text run at (0,90) width 272: "TD {border-left: green 2px solid;}" | |
| 24 text run at (272,90) width 0: " " | |
| 25 RenderBlock {HR} at (0,152) size 769x2 [border: (1px inset #000000)] | |
| 26 RenderBlock {P} at (20,170) size 749x36 | |
| 27 RenderText {#text} at (0,0) size 707x37 | |
| 28 text run at (0,0) width 634: "Note that all table cells on this page s
hould have a two-pixel solid green border along their left sides. " | |
| 29 text run at (634,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 (20,222) size 749x18 [border: none (10px double #800080
)] | |
| 32 RenderText {#text} at (10,0) size 414x19 | |
| 33 text run at (10,0) width 414: "This paragraph should have a purple, do
uble, 10-pixel left border." | |
| 34 RenderBlock {P} at (20,256) size 749x18 [border: none (1px solid #800080)] | |
| 35 RenderText {#text} at (1,0) size 331x19 | |
| 36 text run at (1,0) width 331: "This paragraph should have a thin purple
left 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)] [r=0 c=0 rs=1 cs=2] | |
| 41 RenderText {#text} at (3,2) size 735x37 | |
| 42 text run at (3,2) width 429: "Every cell in this table should ha
ve a 2-pixel solid green left border. " | |
| 43 text run at (432,2) width 306: "This is also true of the table-t
esting section in the" | |
| 44 text run at (3,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)] [r=1 c=0 rs=1 cs=1] | |
| 47 RenderText {#text} at (3,2) size 53x19 | |
| 48 text run at (3,2) width 53: "Cell one" | |
| 49 RenderTableCell {TD} at (203,50) size 559x50 [border: (1px inset #80
8080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1] | |
| 50 RenderBlock (anonymous) at (3,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 (3,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)] [r=0 c=0 rs=1 cs=1] | |
| 57 RenderText {#text} at (3,2) size 151x19 | |
| 58 text run at (3,2) width 151: "Nested single-cell table!" | |
| 59 RenderBlock {UL} at (0,413) size 769x144 | |
| 60 RenderListItem {LI} at (40,0) size 729x72 [border: none (3px solid #0000
00)] | |
| 61 RenderBlock (anonymous) at (3,0) size 726x18 | |
| 62 RenderListMarker at (-21,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 (3,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)] | |
| 79 RenderListMarker at (-18,0) size 7x19: bullet | |
| 80 RenderText {#text} at (3,0) size 158x19 | |
| 81 text run at (3,0) width 158: "This is a second list item." | |
| 82 RenderListItem {LI} at (40,90) size 729x54 [border: none (3px solid #000
0FF)] | |
| 83 RenderListMarker at (-18,0) size 7x19: bullet | |
| 84 RenderText {#text} at (3,0) size 720x55 | |
| 85 text run at (3,0) width 695: "Each list item in this 'parent' list s
hould have a medium-width border along its left side, in each of three colors. " | |
| 86 text run at (698,0) width 25: "The" | |
| 87 text run at (3,18) width 719: "first item's border should travel the
entire height the nested list (to end near the baseline of the line \"...nested
within" | |
| 88 text run at (3,36) width 490: "the list item.\"), even though the ne
sted list does not have any border styles set." | |
| 89 RenderTable {TABLE} at (0,573) size 769x439 [border: (1px outset #808080)] | |
| 90 RenderTableSection {TBODY} at (1,1) size 767x437 | |
| 91 RenderTableRow {TR} at (0,0) size 767x26 | |
| 92 RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2] | |
| 93 RenderInline {STRONG} at (0,0) size 163x19 | |
| 94 RenderText {#text} at (5,4) size 163x19 | |
| 95 text run at (5,4) width 163: "TABLE Testing Section" | |
| 96 RenderTableRow {TR} at (0,26) size 767x411 | |
| 97 RenderTableCell {TD} at (0,218) size 13x26 [bgcolor=#C0C0C0] [border
: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1] | |
| 98 RenderText {#text} at (5,4) size 4x19 | |
| 99 text run at (5,4) width 4: " " | |
| 100 RenderTableCell {TD} at (13,26) size 754x411 [border: (1px inset #80
8080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1] | |
| 101 RenderBlock {P} at (25,4) size 725x36 | |
| 102 RenderText {#text} at (0,0) size 707x37 | |
| 103 text run at (0,0) width 634: "Note that all table cells on thi
s page should have a two-pixel solid green border along their left sides. " | |
| 104 text run at (634,0) width 73: "This border" | |
| 105 text run at (0,18) width 365: "applies only to the cells, not
the rows which contain them." | |
| 106 RenderBlock {P} at (25,56) size 725x18 [border: none (10px double
#800080)] | |
| 107 RenderText {#text} at (10,0) size 414x19 | |
| 108 text run at (10,0) width 414: "This paragraph should have a pu
rple, double, 10-pixel left border." | |
| 109 RenderBlock {P} at (25,90) size 725x18 [border: none (1px solid #8
00080)] | |
| 110 RenderText {#text} at (1,0) size 331x19 | |
| 111 text run at (1,0) width 331: "This paragraph should have a thi
n purple left border." | |
| 112 RenderTable {TABLE} at (5,124) size 745x107 [border: (1px outset #
808080)] | |
| 113 RenderTableSection {TBODY} at (1,1) size 743x105 | |
| 114 RenderTableRow {TR} at (0,5) size 743x40 | |
| 115 RenderTableCell {TD} at (5,5) size 733x40 [border: (1px inse
t #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2] | |
| 116 RenderText {#text} at (3,2) size 712x37 | |
| 117 text run at (3,2) width 429: "Every cell in this table s
hould have a 2-pixel solid green left border. " | |
| 118 text run at (432,2) width 283: "This is also true of the
table-testing section in" | |
| 119 text run at (3,20) width 198: "the second half of the te
st page." | |
| 120 RenderTableRow {TR} at (0,50) size 743x50 | |
| 121 RenderTableCell {TD} at (5,64) size 187x22 [border: (1px ins
et #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1] | |
| 122 RenderText {#text} at (3,2) size 53x19 | |
| 123 text run at (3,2) width 53: "Cell one" | |
| 124 RenderTableCell {TD} at (197,50) size 541x50 [border: (1px i
nset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1] | |
| 125 RenderBlock (anonymous) at (3,2) size 536x18 | |
| 126 RenderText {#text} at (0,0) size 54x19 | |
| 127 text run at (0,0) width 54: "Cell two" | |
| 128 RenderTable {TABLE} at (3,20) size 162x28 [border: (1px ou
tset #808080)] | |
| 129 RenderTableSection {TBODY} at (1,1) size 160x26 | |
| 130 RenderTableRow {TR} at (0,2) size 160x22 | |
| 131 RenderTableCell {TD} at (2,2) size 156x22 [border: (
1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1] | |
| 132 RenderText {#text} at (3,2) size 151x19 | |
| 133 text run at (3,2) width 151: "Nested single-cell
table!" | |
| 134 RenderBlock {UL} at (5,247) size 745x144 | |
| 135 RenderListItem {LI} at (40,0) size 705x72 [border: none (3px sol
id #000000)] | |
| 136 RenderBlock (anonymous) at (3,0) size 702x18 | |
| 137 RenderListMarker at (-21,0) size 7x19: bullet | |
| 138 RenderText {#text} at (0,0) size 118x19 | |
| 139 text run at (0,0) width 118: "This is a list item..." | |
| 140 RenderBlock {UL} at (3,18) size 702x54 | |
| 141 RenderListItem {LI} at (40,0) size 662x18 | |
| 142 RenderListMarker at (-18,0) size 7x19: white bullet | |
| 143 RenderText {#text} at (0,0) size 73x19 | |
| 144 text run at (0,0) width 73: "...and this..." | |
| 145 RenderListItem {LI} at (40,18) size 662x18 | |
| 146 RenderListMarker at (-18,0) size 7x19: white bullet | |
| 147 RenderText {#text} at (0,0) size 115x19 | |
| 148 text run at (0,0) width 115: "...is a second list..." | |
| 149 RenderListItem {LI} at (40,36) size 662x18 | |
| 150 RenderListMarker at (-18,0) size 7x19: white bullet | |
| 151 RenderText {#text} at (0,0) size 176x19 | |
| 152 text run at (0,0) width 176: "...nested within the list
item." | |
| 153 RenderListItem {LI} at (40,72) size 705x18 [border: none (3px so
lid #800080)] | |
| 154 RenderListMarker at (-18,0) size 7x19: bullet | |
| 155 RenderText {#text} at (3,0) size 158x19 | |
| 156 text run at (3,0) width 158: "This is a second list item." | |
| 157 RenderListItem {LI} at (40,90) size 705x54 [border: none (3px so
lid #0000FF)] | |
| 158 RenderListMarker at (-18,0) size 7x19: bullet | |
| 159 RenderText {#text} at (3,0) size 691x55 | |
| 160 text run at (3,0) width 691: "Each list item in this 'parent
' list should have a medium-width border along its left side, in each of three c
olors." | |
| 161 text run at (3,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
" | |
| 162 text run at (3,36) width 597: "\"...nested within the list i
tem.\"), even though the nested list does not have any border styles set." | |
| OLD | NEW |