| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 785x1396 | |
| 2 RenderView at (0,0) size 785x600 | |
| 3 layer at (0,0) size 785x1396 | |
| 4 RenderBlock {HTML} at (0,0) size 785x1396 | |
| 5 RenderBody {BODY} at (8,8) size 769x1380 [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 769x135 | |
| 10 RenderText {#text} at (0,0) size 272x135 | |
| 11 text run at (0,0) width 272: ".one {border: medium black solid;}" | |
| 12 text run at (272,0) width 0: " " | |
| 13 text run at (0,15) width 264: ".two {border: thin maroon ridge;}" | |
| 14 text run at (264,15) width 0: " " | |
| 15 text run at (0,30) width 272: ".three {border: 10px teal outset;}" | |
| 16 text run at (272,30) width 0: " " | |
| 17 text run at (0,45) width 264: ".four {border: 10px olive inset;}" | |
| 18 text run at (264,45) width 0: " " | |
| 19 text run at (0,60) width 224: ".five {border: 10px maroon;}" | |
| 20 text run at (224,60) width 0: " " | |
| 21 text run at (0,75) width 232: ".six {border: maroon double;}" | |
| 22 text run at (232,75) width 0: " " | |
| 23 text run at (0,90) width 256: ".seven {border: left red solid;}" | |
| 24 text run at (256,90) width 0: " " | |
| 25 text run at (0,105) width 168: ".eight {border: 0px;}" | |
| 26 text run at (168,105) width 0: " " | |
| 27 text run at (0,120) width 232: "TD {border: 2px solid green;}" | |
| 28 text run at (232,120) width 0: " " | |
| 29 RenderBlock {HR} at (0,182) size 769x2 [border: (1px inset #000000)] | |
| 30 RenderBlock {P} at (0,200) size 769x36 | |
| 31 RenderText {#text} at (0,0) size 748x36 | |
| 32 text run at (0,0) width 627: "Note that all table cells on this page s
hould have a two-pixel solid green border along all four sides. " | |
| 33 text run at (627,0) width 121: "This border applies" | |
| 34 text run at (0,18) width 317: "only to the cells, not the rows which c
ontain them." | |
| 35 RenderBlock {P} at (0,252) size 769x24 [border: (3px solid #000000)] | |
| 36 RenderText {#text} at (3,3) size 483x18 | |
| 37 text run at (3,3) width 483: "This paragraph should have a medium blac
k solid border all the way around." | |
| 38 RenderBlock {P} at (0,292) size 769x20 [border: (1px ridge #800000)] | |
| 39 RenderText {#text} at (1,1) size 480x18 | |
| 40 text run at (1,1) width 480: "This paragraph should have a thin maroon
ridged border all the way around." | |
| 41 RenderBlock {P} at (0,328) size 769x38 [border: (10px outset #008080)] | |
| 42 RenderText {#text} at (10,10) size 518x18 | |
| 43 text run at (10,10) width 518: "This paragraph should have a ten-pixel
-wide teal outset border all the way around." | |
| 44 RenderBlock {P} at (0,382) size 769x38 [border: (10px inset #808000)] | |
| 45 RenderText {#text} at (10,10) size 519x18 | |
| 46 text run at (10,10) width 519: "This paragraph should have a ten-pixel
-wide olive inset border all the way around." | |
| 47 RenderBlock {P} at (0,436) size 769x18 | |
| 48 RenderText {#text} at (0,0) size 348x18 | |
| 49 text run at (0,0) width 348: "This paragraph should have no border aro
und it, as the " | |
| 50 RenderInline {TT} at (0,0) size 96x15 | |
| 51 RenderText {#text} at (348,2) size 96x15 | |
| 52 text run at (348,2) width 96: "border-style" | |
| 53 RenderText {#text} at (444,0) size 323x18 | |
| 54 text run at (444,0) width 323: " was not set, and it should not be off
set in any way." | |
| 55 RenderBlock {P} at (0,470) size 769x42 [border: (3px double #800000)] | |
| 56 RenderText {#text} at (3,3) size 535x18 | |
| 57 text run at (3,3) width 535: "This paragraph should have a medium maro
on double border around it, even though " | |
| 58 RenderInline {CODE} at (0,0) size 96x15 | |
| 59 RenderText {#text} at (538,5) size 96x15 | |
| 60 text run at (538,5) width 96: "border-width" | |
| 61 RenderText {#text} at (634,3) size 746x36 | |
| 62 text run at (634,3) width 115: " was not explicitly" | |
| 63 text run at (3,21) width 21: "set." | |
| 64 RenderBlock {P} at (0,528) size 769x18 | |
| 65 RenderText {#text} at (0,0) size 621x18 | |
| 66 text run at (0,0) width 621: "This paragraph should have no border aro
und it, as its declaration is invalid and should be ignored." | |
| 67 RenderBlock {P} at (0,562) size 769x19 | |
| 68 RenderInline {A} at (0,0) size 25x18 | |
| 69 RenderText {#text} at (0,1) size 25x18 | |
| 70 text run at (0,1) width 25: "The" | |
| 71 RenderText {#text} at (25,1) size 715x18 | |
| 72 text run at (25,1) width 715: " following image is also an anchor whic
h points to a target on this page, but it should not have a border around it: " | |
| 73 RenderInline {A} at (0,0) size 15x18 [color=#0000FF] | |
| 74 RenderImage {IMG} at (740,0) size 15x15 | |
| 75 RenderText {#text} at (755,1) size 4x18 | |
| 76 text run at (755,1) width 4: "." | |
| 77 RenderTable {TABLE} at (0,597) size 769x113 [border: (1px outset #808080)] | |
| 78 RenderTableSection {TBODY} at (1,1) size 767x111 | |
| 79 RenderTableRow {TR} at (0,5) size 767x42 | |
| 80 RenderTableCell {TD} at (5,5) size 757x42 [border: (2px solid #00800
0)] [r=0 c=0 rs=1 cs=2] | |
| 81 RenderText {#text} at (3,3) size 711x36 | |
| 82 text run at (3,3) width 405: "Every cell in this table should ha
ve a 2-pixel solid green border. " | |
| 83 text run at (408,3) width 306: "This is also true of the table-t
esting section in the" | |
| 84 text run at (3,21) width 175: "second half of the test page." | |
| 85 RenderTableRow {TR} at (0,52) size 767x54 | |
| 86 RenderTableCell {TD} at (5,67) size 194x24 [border: (2px solid #0080
00)] [r=1 c=0 rs=1 cs=1] | |
| 87 RenderText {#text} at (3,3) size 53x18 | |
| 88 text run at (3,3) width 53: "Cell one" | |
| 89 RenderTableCell {TD} at (204,52) size 558x54 [border: (2px solid #00
8000)] [r=1 c=1 rs=1 cs=1] | |
| 90 RenderBlock (anonymous) at (3,3) size 552x18 | |
| 91 RenderText {#text} at (0,0) size 54x18 | |
| 92 text run at (0,0) width 54: "Cell two" | |
| 93 RenderTable {TABLE} at (3,21) size 163x30 [border: (1px outset #80
8080)] | |
| 94 RenderTableSection {TBODY} at (1,1) size 161x28 | |
| 95 RenderTableRow {TR} at (0,2) size 161x24 | |
| 96 RenderTableCell {TD} at (2,2) size 157x24 [border: (2px soli
d #008000)] [r=0 c=0 rs=1 cs=1] | |
| 97 RenderText {#text} at (3,3) size 151x18 | |
| 98 text run at (3,3) width 151: "Nested single-cell table!" | |
| 99 RenderBlock {P} at (0,726) size 769x18 | |
| 100 RenderText {#text} at (0,0) size 175x18 | |
| 101 text run at (0,0) width 175: "This is an unstyled element." | |
| 102 RenderTable {TABLE} at (0,760) size 769x620 [border: (1px outset #808080)] | |
| 103 RenderTableSection {TBODY} at (1,1) size 767x618 | |
| 104 RenderTableRow {TR} at (0,0) size 767x28 | |
| 105 RenderTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border:
(2px solid #008000)] [r=0 c=0 rs=1 cs=2] | |
| 106 RenderInline {STRONG} at (0,0) size 163x18 | |
| 107 RenderText {#text} at (5,5) size 163x18 | |
| 108 text run at (5,5) width 163: "TABLE Testing Section" | |
| 109 RenderTableRow {TR} at (0,28) size 767x590 | |
| 110 RenderTableCell {TD} at (0,309) size 14x28 [bgcolor=#C0C0C0] [border
: (2px solid #008000)] [r=1 c=0 rs=1 cs=1] | |
| 111 RenderText {#text} at (5,5) size 4x18 | |
| 112 text run at (5,5) width 4: " " | |
| 113 RenderTableCell {TD} at (14,28) size 753x590 [border: (2px solid #00
8000)] [r=1 c=1 rs=1 cs=1] | |
| 114 RenderBlock {P} at (5,5) size 743x36 | |
| 115 RenderText {#text} at (0,0) size 700x36 | |
| 116 text run at (0,0) width 627: "Note that all table cells on thi
s page should have a two-pixel solid green border along all four sides. " | |
| 117 text run at (627,0) width 73: "This border" | |
| 118 text run at (0,18) width 365: "applies only to the cells, not
the rows which contain them." | |
| 119 RenderBlock {P} at (5,57) size 743x24 [border: (3px solid #000000)
] | |
| 120 RenderText {#text} at (3,3) size 483x18 | |
| 121 text run at (3,3) width 483: "This paragraph should have a med
ium black solid border all the way around." | |
| 122 RenderBlock {P} at (5,97) size 743x20 [border: (1px ridge #800000)
] | |
| 123 RenderText {#text} at (1,1) size 480x18 | |
| 124 text run at (1,1) width 480: "This paragraph should have a thi
n maroon ridged border all the way around." | |
| 125 RenderBlock {P} at (5,133) size 743x38 [border: (10px outset #0080
80)] | |
| 126 RenderText {#text} at (10,10) size 518x18 | |
| 127 text run at (10,10) width 518: "This paragraph should have a t
en-pixel-wide teal outset border all the way around." | |
| 128 RenderBlock {P} at (5,187) size 743x38 [border: (10px inset #80800
0)] | |
| 129 RenderText {#text} at (10,10) size 519x18 | |
| 130 text run at (10,10) width 519: "This paragraph should have a t
en-pixel-wide olive inset border all the way around." | |
| 131 RenderBlock {P} at (5,241) size 743x36 | |
| 132 RenderText {#text} at (0,0) size 348x18 | |
| 133 text run at (0,0) width 348: "This paragraph should have no bo
rder around it, as the " | |
| 134 RenderInline {TT} at (0,0) size 96x15 | |
| 135 RenderText {#text} at (348,2) size 96x15 | |
| 136 text run at (348,2) width 96: "border-style" | |
| 137 RenderText {#text} at (444,0) size 732x36 | |
| 138 text run at (444,0) width 288: " was not set, and it should no
t be offset in any" | |
| 139 text run at (0,18) width 31: "way." | |
| 140 RenderBlock {P} at (5,293) size 743x42 [border: (3px double #80000
0)] | |
| 141 RenderText {#text} at (3,3) size 535x18 | |
| 142 text run at (3,3) width 535: "This paragraph should have a med
ium maroon double border around it, even though " | |
| 143 RenderInline {CODE} at (0,0) size 96x15 | |
| 144 RenderText {#text} at (538,5) size 96x15 | |
| 145 text run at (538,5) width 96: "border-width" | |
| 146 RenderText {#text} at (634,3) size 684x36 | |
| 147 text run at (634,3) width 53: " was not" | |
| 148 text run at (3,21) width 83: "explicitly set." | |
| 149 RenderBlock {P} at (5,351) size 743x18 | |
| 150 RenderText {#text} at (0,0) size 621x18 | |
| 151 text run at (0,0) width 621: "This paragraph should have no bo
rder around it, as its declaration is invalid and should be ignored." | |
| 152 RenderBlock {P} at (5,385) size 743x37 | |
| 153 RenderInline {A} at (0,0) size 25x18 | |
| 154 RenderText {#text} at (0,0) size 25x18 | |
| 155 text run at (0,0) width 25: "The" | |
| 156 RenderText {#text} at (25,0) size 715x18 | |
| 157 text run at (25,0) width 715: " following image is also an anc
hor which points to a target on this page, but it should not have a border aroun
d it: " | |
| 158 RenderInline {A} at (0,0) size 15x18 [color=#0000FF] | |
| 159 RenderImage {IMG} at (0,18) size 15x15 | |
| 160 RenderText {#text} at (15,19) size 4x18 | |
| 161 text run at (15,19) width 4: "." | |
| 162 RenderTable {TABLE} at (5,438) size 743x113 [border: (1px outset #
808080)] | |
| 163 RenderTableSection {TBODY} at (1,1) size 741x111 | |
| 164 RenderTableRow {TR} at (0,5) size 741x42 | |
| 165 RenderTableCell {TD} at (5,5) size 731x42 [border: (2px soli
d #008000)] [r=0 c=0 rs=1 cs=2] | |
| 166 RenderText {#text} at (3,3) size 711x36 | |
| 167 text run at (3,3) width 405: "Every cell in this table s
hould have a 2-pixel solid green border. " | |
| 168 text run at (408,3) width 306: "This is also true of the
table-testing section in the" | |
| 169 text run at (3,21) width 175: "second half of the test p
age." | |
| 170 RenderTableRow {TR} at (0,52) size 741x54 | |
| 171 RenderTableCell {TD} at (5,67) size 187x24 [border: (2px sol
id #008000)] [r=1 c=0 rs=1 cs=1] | |
| 172 RenderText {#text} at (3,3) size 53x18 | |
| 173 text run at (3,3) width 53: "Cell one" | |
| 174 RenderTableCell {TD} at (197,52) size 539x54 [border: (2px s
olid #008000)] [r=1 c=1 rs=1 cs=1] | |
| 175 RenderBlock (anonymous) at (3,3) size 533x18 | |
| 176 RenderText {#text} at (0,0) size 54x18 | |
| 177 text run at (0,0) width 54: "Cell two" | |
| 178 RenderTable {TABLE} at (3,21) size 163x30 [border: (1px ou
tset #808080)] | |
| 179 RenderTableSection {TBODY} at (1,1) size 161x28 | |
| 180 RenderTableRow {TR} at (0,2) size 161x24 | |
| 181 RenderTableCell {TD} at (2,2) size 157x24 [border: (
2px solid #008000)] [r=0 c=0 rs=1 cs=1] | |
| 182 RenderText {#text} at (3,3) size 151x18 | |
| 183 text run at (3,3) width 151: "Nested single-cell
table!" | |
| 184 RenderBlock {P} at (5,567) size 743x18 | |
| 185 RenderText {#text} at (0,0) size 175x18 | |
| 186 text run at (0,0) width 175: "This is an unstyled element." | |
| OLD | NEW |