| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 785x1301 | |
| 2 RenderView at (0,0) size 785x600 | |
| 3 layer at (0,0) size 785x1301 | |
| 4 RenderBlock {HTML} at (0,0) size 785x1301 | |
| 5 RenderBody {BODY} at (8,8) size 769x1285 [bgcolor=#CCCCCC] | |
| 6 RenderBlock {P} at (0,0) size 769x18 | |
| 7 RenderText {#text} at (0,0) size 355x18 | |
| 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 769x180 | |
| 10 RenderText {#text} at (0,0) size 632x180 | |
| 11 text run at (0,0) width 560: ".one {border-style: dotted; border-color
: black; border-width: thick;}" | |
| 12 text run at (560,0) width 0: " " | |
| 13 text run at (0,15) width 560: ".two {border-style: dashed; border-colo
r: black; border-width: thick;}" | |
| 14 text run at (560,15) width 0: " " | |
| 15 text run at (0,30) width 568: ".three {border-style: solid; border-col
or: black; border-width: thick;}" | |
| 16 text run at (568,30) width 0: " " | |
| 17 text run at (0,45) width 568: ".four {border-style: double; border-col
or: black; border-width: thick;}" | |
| 18 text run at (568,45) width 0: " " | |
| 19 text run at (0,60) width 568: ".five {border-style: groove; border-col
or: olive; border-width: thick;}" | |
| 20 text run at (568,60) width 0: " " | |
| 21 text run at (0,75) width 552: ".six {border-style: ridge; border-color
: olive; border-width: thick;}" | |
| 22 text run at (552,75) width 0: " " | |
| 23 text run at (0,90) width 568: ".seven {border-style: inset; border-col
or: olive; border-width: thick;}" | |
| 24 text run at (568,90) width 0: " " | |
| 25 text run at (0,105) width 576: ".eight {border-style: outset; border-c
olor: olive; border-width: thick;}" | |
| 26 text run at (576,105) width 0: " " | |
| 27 text run at (0,120) width 632: ".nine {border-style: double groove; bo
rder-color: purple; border-width: thick;}" | |
| 28 text run at (632,120) width 0: " " | |
| 29 text run at (0,135) width 368: ".ten {border-style: double groove ridg
e inset;" | |
| 30 text run at (368,135) width 0: " " | |
| 31 text run at (0,150) width 368: " border-color: purple; border-width:
thick;}" | |
| 32 text run at (368,150) width 0: " " | |
| 33 text run at (0,165) width 552: ".eleven {border-style: none; border-co
lor: red; border-width: thick;}" | |
| 34 text run at (552,165) width 0: " " | |
| 35 RenderBlock {HR} at (0,227) size 769x2 [border: (1px inset #000000)] | |
| 36 RenderBlock {P} at (0,245) size 769x28 [border: (5px dotted #000000)] | |
| 37 RenderText {#text} at (5,5) size 472x18 | |
| 38 text run at (5,5) width 472: "This paragraph should have a thick black
dotted border all the way around." | |
| 39 RenderBlock {P} at (0,289) size 769x28 [border: (5px dashed #000000)] | |
| 40 RenderText {#text} at (5,5) size 477x18 | |
| 41 text run at (5,5) width 477: "This paragraph should have a thick black
dashed border all the way around." | |
| 42 RenderBlock {P} at (0,333) size 769x28 [border: (5px solid #000000)] | |
| 43 RenderText {#text} at (5,5) size 463x18 | |
| 44 text run at (5,5) width 463: "This paragraph should have a thick black
solid border all the way around." | |
| 45 RenderBlock {P} at (0,377) size 769x28 [border: (5px double #000000)] | |
| 46 RenderText {#text} at (5,5) size 476x18 | |
| 47 text run at (5,5) width 476: "This paragraph should have a thick black
double border all the way around." | |
| 48 RenderBlock {P} at (0,421) size 769x28 [border: (5px groove #808000)] | |
| 49 RenderText {#text} at (5,5) size 474x18 | |
| 50 text run at (5,5) width 474: "This paragraph should have a thick olive
groove border all the way around." | |
| 51 RenderBlock {P} at (0,465) size 769x28 [border: (5px ridge #808000)] | |
| 52 RenderText {#text} at (5,5) size 462x18 | |
| 53 text run at (5,5) width 462: "This paragraph should have a thick olive
ridge border all the way around." | |
| 54 RenderBlock {P} at (0,509) size 769x28 [border: (5px inset #808000)] | |
| 55 RenderText {#text} at (5,5) size 459x18 | |
| 56 text run at (5,5) width 459: "This paragraph should have a thick olive
inset border all the way around." | |
| 57 RenderBlock {P} at (0,553) size 769x28 [border: (5px outset #808000)] | |
| 58 RenderText {#text} at (5,5) size 467x18 | |
| 59 text run at (5,5) width 467: "This paragraph should have a thick olive
outset border all the way around." | |
| 60 RenderBlock {P} at (0,597) size 769x46 [border: (5px double #800080) (5px
groove #800080) (5px double #800080) (5px groove #800080)] | |
| 61 RenderText {#text} at (5,5) size 744x36 | |
| 62 text run at (5,5) width 617: "This paragraph should have thick double
top and bottom borders, and thick grooved side borders. " | |
| 63 text run at (622,5) width 127: "The color of all four" | |
| 64 text run at (5,23) width 204: "sides should be based on purple." | |
| 65 RenderBlock {P} at (0,659) size 769x46 [border: (5px double #800080) (5px
groove #800080) (5px ridge #800080) (5px inset #800080)] | |
| 66 RenderText {#text} at (5,5) size 727x36 | |
| 67 text run at (5,5) width 702: "This paragraph should have, in clockwise
order from the top, a double, grooved, ridged, and inset thick border. " | |
| 68 text run at (707,5) width 25: "The" | |
| 69 text run at (5,23) width 306: "color of all four sides should be based
on purple." | |
| 70 RenderBlock {P} at (0,721) size 769x18 | |
| 71 RenderText {#text} at (0,0) size 278x18 | |
| 72 text run at (0,0) width 278: "This paragraph should have no border at
all." | |
| 73 RenderTable {TABLE} at (0,755) size 769x530 [border: (1px outset #808080)] | |
| 74 RenderTableSection {TBODY} at (1,1) size 767x528 | |
| 75 RenderTableRow {TR} at (0,0) size 767x26 | |
| 76 RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | |
| 77 RenderInline {STRONG} at (0,0) size 163x18 | |
| 78 RenderText {#text} at (4,4) size 163x18 | |
| 79 text run at (4,4) width 163: "TABLE Testing Section" | |
| 80 RenderTableRow {TR} at (0,26) size 767x502 | |
| 81 RenderTableCell {TD} at (0,264) size 12x26 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | |
| 82 RenderText {#text} at (4,4) size 4x18 | |
| 83 text run at (4,4) width 4: " " | |
| 84 RenderTableCell {TD} at (12,26) size 755x502 [border: (1px inset #80
8080)] [r=1 c=1 rs=1 cs=1] | |
| 85 RenderBlock {P} at (4,4) size 747x28 [border: (5px dotted #000000)
] | |
| 86 RenderText {#text} at (5,5) size 472x18 | |
| 87 text run at (5,5) width 472: "This paragraph should have a thi
ck black dotted border all the way around." | |
| 88 RenderBlock {P} at (4,48) size 747x28 [border: (5px dashed #000000
)] | |
| 89 RenderText {#text} at (5,5) size 477x18 | |
| 90 text run at (5,5) width 477: "This paragraph should have a thi
ck black dashed border all the way around." | |
| 91 RenderBlock {P} at (4,92) size 747x28 [border: (5px solid #000000)
] | |
| 92 RenderText {#text} at (5,5) size 463x18 | |
| 93 text run at (5,5) width 463: "This paragraph should have a thi
ck black solid border all the way around." | |
| 94 RenderBlock {P} at (4,136) size 747x28 [border: (5px double #00000
0)] | |
| 95 RenderText {#text} at (5,5) size 476x18 | |
| 96 text run at (5,5) width 476: "This paragraph should have a thi
ck black double border all the way around." | |
| 97 RenderBlock {P} at (4,180) size 747x28 [border: (5px groove #80800
0)] | |
| 98 RenderText {#text} at (5,5) size 474x18 | |
| 99 text run at (5,5) width 474: "This paragraph should have a thi
ck olive groove border all the way around." | |
| 100 RenderBlock {P} at (4,224) size 747x28 [border: (5px ridge #808000
)] | |
| 101 RenderText {#text} at (5,5) size 462x18 | |
| 102 text run at (5,5) width 462: "This paragraph should have a thi
ck olive ridge border all the way around." | |
| 103 RenderBlock {P} at (4,268) size 747x28 [border: (5px inset #808000
)] | |
| 104 RenderText {#text} at (5,5) size 459x18 | |
| 105 text run at (5,5) width 459: "This paragraph should have a thi
ck olive inset border all the way around." | |
| 106 RenderBlock {P} at (4,312) size 747x28 [border: (5px outset #80800
0)] | |
| 107 RenderText {#text} at (5,5) size 467x18 | |
| 108 text run at (5,5) width 467: "This paragraph should have a thi
ck olive outset border all the way around." | |
| 109 RenderBlock {P} at (4,356) size 747x46 [border: (5px double #80008
0) (5px groove #800080) (5px double #800080) (5px groove #800080)] | |
| 110 RenderText {#text} at (5,5) size 714x36 | |
| 111 text run at (5,5) width 617: "This paragraph should have thick
double top and bottom borders, and thick grooved side borders. " | |
| 112 text run at (622,5) width 97: "The color of all" | |
| 113 text run at (5,23) width 234: "four sides should be based on p
urple." | |
| 114 RenderBlock {P} at (4,418) size 747x46 [border: (5px double #80008
0) (5px groove #800080) (5px ridge #800080) (5px inset #800080)] | |
| 115 RenderText {#text} at (5,5) size 727x36 | |
| 116 text run at (5,5) width 702: "This paragraph should have, in c
lockwise order from the top, a double, grooved, ridged, and inset thick border.
" | |
| 117 text run at (707,5) width 25: "The" | |
| 118 text run at (5,23) width 306: "color of all four sides should
be based on purple." | |
| 119 RenderBlock {P} at (4,480) size 747x18 | |
| 120 RenderText {#text} at (0,0) size 278x18 | |
| 121 text run at (0,0) width 278: "This paragraph should have no bo
rder at all." | |
| OLD | NEW |