1 layer at (0,0) size 785x1313
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x1313
4 RenderBlock {HTML} at (0,0) size 785x1313
5 RenderBody {BODY} at (8,8) size 769x1297 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 769x18
7 RenderText {#text} at (0,0) size 363x17
8 text run at (0,0) width 363: "The style declarations which apply to the text below are:"
9 RenderBlock {PRE} at (0,34) size 769x192
10 RenderText {#text} at (0,0) size 632x192
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,16) width 560: ".two {border-style: dashed; border-color: black; border-width: thick;}"
14 text run at (560,16) width 0: " "
15 text run at (0,32) width 568: ".three {border-style: solid; border-color: black; border-width: thick;}"
16 text run at (568,32) width 0: " "
17 text run at (0,48) width 568: ".four {border-style: double; border-color: black; border-width: thick;}"
18 text run at (568,48) width 0: " "
19 text run at (0,64) width 568: ".five {border-style: groove; border-color: olive; border-width: thick;}"
20 text run at (568,64) width 0: " "
21 text run at (0,80) width 552: ".six {border-style: ridge; border-color: olive; border-width: thick;}"
22 text run at (552,80) width 0: " "
23 text run at (0,96) width 568: ".seven {border-style: inset; border-color: olive; border-width: thick;}"
24 text run at (568,96) width 0: " "
25 text run at (0,112) width 576: ".eight {border-style: outset; border-color: olive; border-width: thick;}"
26 text run at (576,112) width 0: " "
27 text run at (0,128) width 632: ".nine {border-style: double groove; border-color: purple; border-width: thick;}"
28 text run at (632,128) width 0: " "
29 text run at (0,144) width 368: ".ten {border-style: double groove ridge inset;"
30 text run at (368,144) width 0: " "
31 text run at (0,160) width 368: " border-color: purple; border-width: thick;}"
32 text run at (368,160) width 0: " "
33 text run at (0,176) width 552: ".eleven {border-style: none; border-color: red; border-width: thick;}"
34 text run at (552,176) width 0: " "
35 RenderBlock {HR} at (0,239) size 769x2 [border: (1px inset #EEEEEE)]
36 RenderBlock {P} at (0,257) size 769x28 [border: (5px dotted #000000)]
37 RenderText {#text} at (5,5) size 480x17
38 text run at (5,5) width 480: "This paragraph should have a thick black dotted border all the way around."
39 RenderBlock {P} at (0,301) size 769x28 [border: (5px dashed #000000)]
40 RenderText {#text} at (5,5) size 484x17
41 text run at (5,5) width 484: "This paragraph should have a thick black dashed border all the way around."
42 RenderBlock {P} at (0,345) size 769x28 [border: (5px solid #000000)]
43 RenderText {#text} at (5,5) size 471x17
44 text run at (5,5) width 471: "This paragraph should have a thick black solid border all the way around."
45 RenderBlock {P} at (0,389) size 769x28 [border: (5px double #000000)]
46 RenderText {#text} at (5,5) size 483x17
47 text run at (5,5) width 483: "This paragraph should have a thick black double border all the way around."
48 RenderBlock {P} at (0,433) size 769x28 [border: (5px groove #808000)]
49 RenderText {#text} at (5,5) size 482x17
50 text run at (5,5) width 482: "This paragraph should have a thick olive groove border all the way around."
51 RenderBlock {P} at (0,477) size 769x28 [border: (5px ridge #808000)]
52 RenderText {#text} at (5,5) size 470x17
53 text run at (5,5) width 470: "This paragraph should have a thick olive ridge border all the way around."
54 RenderBlock {P} at (0,521) size 769x28 [border: (5px inset #808000)]
55 RenderText {#text} at (5,5) size 467x17
56 text run at (5,5) width 467: "This paragraph should have a thick olive inset border all the way around."
57 RenderBlock {P} at (0,565) size 769x28 [border: (5px outset #808000)]
58 RenderText {#text} at (5,5) size 475x17
59 text run at (5,5) width 475: "This paragraph should have a thick olive outset border all the way around."
60 RenderBlock {P} at (0,609) size 769x46 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
61 RenderText {#text} at (5,5) size 757x35
62 text run at (5,5) width 627: "This paragraph should have thick double top and bottom borders, and thick grooved side borders. "
63 text run at (631,5) width 131: "The color of all four"
64 text run at (5,23) width 208: "sides should be based on purple."
65 RenderBlock {P} at (0,671) size 769x46 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
66 RenderText {#text} at (5,5) size 739x35
67 text run at (5,5) width 714: "This paragraph should have, in clockwise order from the top, a double, grooved, ridged, and inset thick border. "
68 text run at (718,5) width 26: "The"
69 text run at (5,23) width 312: "color of all four sides should be based on purple."
70 RenderBlock {P} at (0,733) size 769x18
71 RenderText {#text} at (0,0) size 283x17
72 text run at (0,0) width 283: "This paragraph should have no border at all."
73 RenderTable {TABLE} at (0,767) 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 163x17
78 RenderText {#text} at (4,4) size 163x17
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 4x17
83 text run at (4,4) width 4: " "
84 RenderTableCell {TD} at (12,26) size 755x502 [border: (1px inset #808080)] [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 480x17
87 text run at (5,5) width 480: "This paragraph should have a thick 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 484x17
90 text run at (5,5) width 484: "This paragraph should have a thick 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 471x17
93 text run at (5,5) width 471: "This paragraph should have a thick black solid border all the way around."
94 RenderBlock {P} at (4,136) size 747x28 [border: (5px double #000000)]
95 RenderText {#text} at (5,5) size 483x17
96 text run at (5,5) width 483: "This paragraph should have a thick black double border all the way around."
97 RenderBlock {P} at (4,180) size 747x28 [border: (5px groove #808000)]
98 RenderText {#text} at (5,5) size 482x17
99 text run at (5,5) width 482: "This paragraph should have a thick 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 470x17
102 text run at (5,5) width 470: "This paragraph should have a thick 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 467x17
105 text run at (5,5) width 467: "This paragraph should have a thick olive inset border all the way around."
106 RenderBlock {P} at (4,312) size 747x28 [border: (5px outset #808000)]
107 RenderText {#text} at (5,5) size 475x17
108 text run at (5,5) width 475: "This paragraph should have a thick olive outset border all the way around."
109 RenderBlock {P} at (4,356) size 747x46 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
110 RenderText {#text} at (5,5) size 727x35
111 text run at (5,5) width 627: "This paragraph should have thick double top and bottom borders, and thick grooved side borders. "
112 text run at (631,5) width 101: "The color of all"
113 text run at (5,23) width 238: "four sides should be based on purple."
114 RenderBlock {P} at (4,418) size 747x46 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
115 RenderText {#text} at (5,5) size 710x35
116 text run at (5,5) width 710: "This paragraph should have, in clockwise order from the top, a double, grooved, ridged, and inset thick border."
117 text run at (5,23) width 341: "The color of all four sides should be based on purple."
118 RenderBlock {P} at (4,480) size 747x18
119 RenderText {#text} at (0,0) size 283x17
120 text run at (0,0) width 283: "This paragraph should have no border at all."