2012-01-27 Gyuyoung Kim <gyuyoung.kim@samsung.com>
+ Unreviewed, EFL css1 rebaseline after r101343.
+
+ * platform/efl/css1/basic/class_as_selector-expected.txt:
+ * platform/efl/css1/basic/comments-expected.txt:
+ * platform/efl/css1/basic/containment-expected.txt:
+ * platform/efl/css1/basic/contextual_selectors-expected.txt:
+ * platform/efl/css1/basic/grouping-expected.txt:
+ * platform/efl/css1/basic/id_as_selector-expected.txt:
+ * platform/efl/css1/basic/inheritance-expected.txt:
+ * platform/efl/css1/box_properties/border-expected.txt:
+ * platform/efl/css1/box_properties/border_bottom-expected.txt:
+ * platform/efl/css1/box_properties/border_bottom_inline-expected.txt:
+ * platform/efl/css1/box_properties/border_bottom_width-expected.txt:
+ * platform/efl/css1/box_properties/border_bottom_width_inline-expected.txt:
+ * platform/efl/css1/box_properties/border_color-expected.txt:
+ * platform/efl/css1/box_properties/border_color_inline-expected.txt:
+ * platform/efl/css1/box_properties/border_inline-expected.txt:
+ * platform/efl/css1/box_properties/border_left-expected.txt:
+ * platform/efl/css1/box_properties/border_left_inline-expected.txt:
+ * platform/efl/css1/box_properties/border_left_width-expected.txt:
+ * platform/efl/css1/box_properties/border_left_width_inline-expected.txt:
+ * platform/efl/css1/box_properties/border_right-expected.txt:
+ * platform/efl/css1/box_properties/border_right_inline-expected.txt:
+ * platform/efl/css1/box_properties/border_right_width-expected.txt:
+ * platform/efl/css1/box_properties/border_right_width_inline-expected.txt:
+ * platform/efl/css1/box_properties/border_style-expected.txt:
+ * platform/efl/css1/box_properties/border_style_inline-expected.txt:
+ * platform/efl/css1/box_properties/border_top-expected.txt:
+ * platform/efl/css1/box_properties/border_top_inline-expected.txt:
+ * platform/efl/css1/box_properties/border_top_width-expected.txt:
+ * platform/efl/css1/box_properties/border_top_width_inline-expected.txt:
+ * platform/efl/css1/box_properties/border_width-expected.txt:
+ * platform/efl/css1/box_properties/border_width_inline-expected.txt:
+ * platform/efl/css1/box_properties/clear-expected.txt:
+ * platform/efl/css1/box_properties/float-expected.txt:
+ * platform/efl/css1/box_properties/float_elements_in_series-expected.txt:
+ * platform/efl/css1/box_properties/float_margin-expected.txt:
+ * platform/efl/css1/box_properties/height-expected.txt:
+ * platform/efl/css1/box_properties/margin-expected.txt:
+ * platform/efl/css1/box_properties/margin_bottom-expected.txt:
+ * platform/efl/css1/box_properties/margin_bottom_inline-expected.txt:
+ * platform/efl/css1/box_properties/margin_inline-expected.txt:
+ * platform/efl/css1/box_properties/margin_left-expected.txt:
+ * platform/efl/css1/box_properties/margin_left_inline-expected.txt:
+ * platform/efl/css1/box_properties/margin_right-expected.txt:
+ * platform/efl/css1/box_properties/margin_right_inline-expected.txt:
+ * platform/efl/css1/box_properties/margin_top-expected.txt:
+ * platform/efl/css1/box_properties/margin_top_inline-expected.txt:
+ * platform/efl/css1/box_properties/padding-expected.txt:
+ * platform/efl/css1/box_properties/padding_bottom-expected.txt:
+ * platform/efl/css1/box_properties/padding_bottom_inline-expected.txt:
+ * platform/efl/css1/box_properties/padding_inline-expected.txt:
+ * platform/efl/css1/box_properties/padding_left-expected.txt:
+ * platform/efl/css1/box_properties/padding_left_inline-expected.txt:
+ * platform/efl/css1/box_properties/padding_right-expected.txt:
+ * platform/efl/css1/box_properties/padding_right_inline-expected.txt:
+ * platform/efl/css1/box_properties/padding_top-expected.txt:
+ * platform/efl/css1/box_properties/padding_top_inline-expected.txt:
+ * platform/efl/css1/box_properties/width-expected.txt:
+ * platform/efl/css1/cascade/cascade_order-expected.txt:
+ * platform/efl/css1/cascade/important-expected.txt:
+ * platform/efl/css1/classification/display-expected.txt:
+ * platform/efl/css1/classification/list_style-expected.txt:
+ * platform/efl/css1/classification/list_style_image-expected.txt:
+ * platform/efl/css1/classification/list_style_position-expected.txt:
+ * platform/efl/css1/classification/list_style_type-expected.txt:
+ * platform/efl/css1/classification/white_space-expected.txt:
+ * platform/efl/css1/color_and_background/background-expected.txt:
+ * platform/efl/css1/color_and_background/background_attachment-expected.txt:
+ * platform/efl/css1/color_and_background/background_color-expected.txt:
+ * platform/efl/css1/color_and_background/background_image-expected.txt:
+ * platform/efl/css1/color_and_background/background_position-expected.txt:
+ * platform/efl/css1/color_and_background/background_repeat-expected.txt:
+ * platform/efl/css1/color_and_background/color-expected.txt:
+ * platform/efl/css1/conformance/forward_compatible_parsing-expected.txt:
+ * platform/efl/css1/font_properties/font-expected.txt:
+ * platform/efl/css1/font_properties/font_family-expected.txt:
+ * platform/efl/css1/font_properties/font_style-expected.txt:
+ * platform/efl/css1/font_properties/font_variant-expected.txt:
+ * platform/efl/css1/font_properties/font_weight-expected.txt:
+ * platform/efl/css1/formatting_model/canvas-expected.txt:
+ * platform/efl/css1/formatting_model/floating_elements-expected.txt:
+ * platform/efl/css1/formatting_model/height_of_lines-expected.txt:
+ * platform/efl/css1/formatting_model/horizontal_formatting-expected.txt:
+ * platform/efl/css1/formatting_model/inline_elements-expected.txt:
+ * platform/efl/css1/formatting_model/replaced_elements-expected.txt:
+ * platform/efl/css1/formatting_model/vertical_formatting-expected.txt:
+ * platform/efl/css1/pseudo/anchor-expected.txt:
+ * platform/efl/css1/pseudo/pseudo_elements_in_selectors-expected.txt:
+ * platform/efl/css1/text_properties/letter_spacing-expected.txt:
+ * platform/efl/css1/text_properties/line_height-expected.txt:
+ * platform/efl/css1/text_properties/text_align-expected.txt:
+ * platform/efl/css1/text_properties/text_decoration-expected.txt:
+ * platform/efl/css1/text_properties/text_indent-expected.txt:
+ * platform/efl/css1/text_properties/text_transform-expected.txt:
+ * platform/efl/css1/text_properties/word_spacing-expected.txt:
+ * platform/efl/css1/units/color_units-expected.txt:
+ * platform/efl/css1/units/percentage_units-expected.txt:
+ * platform/efl/css1/units/urls-expected.txt:
+
+2012-01-27 Gyuyoung Kim <gyuyoung.kim@samsung.com>
+
Unreviewed, EFL printing, scrollbars and transforms rebaseline after r101343.
* platform/efl/printing/compositing-layer-printing-expected.txt:
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x19
+ RenderBlock {P} at (0,0) size 784x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 784x60
+ RenderBlock {PRE} at (0,34) size 784x60
RenderText {#text} at (0,0) size 176x60
text run at (0,0) width 160: ".one {color: green;}"
text run at (160,0) width 0: " "
text run at (152,30) width 0: " "
text run at (0,45) width 176: "P.two {color: purple;}"
text run at (176,45) width 0: " "
- RenderBlock {HR} at (0,108) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,126) size 784x19 [color=#008000]
+ RenderBlock {HR} at (0,107) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,125) size 784x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,161) size 784x19
+ RenderBlock {P} at (0,159) size 784x18
RenderText {#text} at (0,0) size 559x19
text run at (0,0) width 559: "This sentence should be black, not red-- class selectors cannot begin with digits in CSS1."
- RenderBlock {P} at (0,196) size 784x19 [color=#008000]
+ RenderBlock {P} at (0,193) size 784x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,231) size 784x19 [color=#800080]
+ RenderBlock {P} at (0,227) size 784x18 [color=#800080]
RenderText {#text} at (0,0) size 199x19
text run at (0,0) width 199: "This sentence should be purple."
- RenderBlock {PRE} at (0,266) size 784x15
+ RenderBlock {PRE} at (0,261) size 784x15
RenderText {#text} at (0,0) size 280x15
text run at (0,0) width 280: "This sentence should NOT be purple."
text run at (280,0) width 0: " "
- RenderBlock {UL} at (0,297) size 784x19
- RenderListItem {LI} at (40,0) size 744x19
+ RenderBlock {UL} at (0,292) size 784x18
+ RenderListItem {LI} at (40,0) size 744x18
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 237x19
text run at (0,0) width 237: "This sentence should NOT be purple."
- RenderTable {TABLE} at (0,332) size 581x243 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 579x241
- RenderTableRow {TR} at (0,0) size 579x27
- RenderTableCell {TD} at (0,0) size 579x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,326) size 581x237 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 579x235
+ RenderTableRow {TR} at (0,0) size 579x26
+ RenderTableCell {TD} at (0,0) size 579x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 579x214
- RenderTableCell {TD} at (0,120) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 579x209
+ RenderTableCell {TD} at (0,117) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 567x214 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 559x19 [color=#008000]
+ RenderTableCell {TD} at (12,26) size 567x209 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 559x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (4,39) size 559x19
+ RenderBlock {P} at (4,38) size 559x18
RenderText {#text} at (0,0) size 559x19
text run at (0,0) width 559: "This sentence should be black, not red-- class selectors cannot begin with digits in CSS1."
- RenderBlock {P} at (4,74) size 559x19 [color=#008000]
+ RenderBlock {P} at (4,72) size 559x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (4,109) size 559x19 [color=#800080]
+ RenderBlock {P} at (4,106) size 559x18 [color=#800080]
RenderText {#text} at (0,0) size 199x19
text run at (0,0) width 199: "This sentence should be purple."
- RenderBlock {PRE} at (4,144) size 559x15
+ RenderBlock {PRE} at (4,140) size 559x15
RenderText {#text} at (0,0) size 280x15
text run at (0,0) width 280: "This sentence should NOT be purple."
text run at (280,0) width 0: " "
- RenderBlock {UL} at (4,175) size 559x19
- RenderListItem {LI} at (40,0) size 519x19
+ RenderBlock {UL} at (4,171) size 559x18
+ RenderListItem {LI} at (40,0) size 519x18
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 237x19
text run at (0,0) width 237: "This sentence should NOT be purple."
-layer at (0,0) size 785x888
+layer at (0,0) size 785x870
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x888
- RenderBlock {HTML} at (0,0) size 785x888
- RenderBody {BODY} at (8,8) size 769x872 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 769x19
+layer at (0,0) size 785x870
+ RenderBlock {HTML} at (0,0) size 785x870
+ RenderBody {BODY} at (8,8) size 769x854 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 769x225
+ RenderBlock {PRE} at (0,34) size 769x225
RenderText {#text} at (0,0) size 336x225
text run at (0,0) width 232: "/* This is a CSS1 comment. */"
text run at (232,0) width 0: " "
text run at (0,195) width 176: ".eight {color: green;}"
text run at (176,195) width 0: " "
text run at (0,210) width 0: " "
- RenderBlock {HR} at (0,273) size 769x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,291) size 769x19 [color=#008000]
+ RenderBlock {HR} at (0,272) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,290) size 769x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,326) size 769x19
+ RenderBlock {P} at (0,324) size 769x18
RenderText {#text} at (0,0) size 193x19
text run at (0,0) width 193: "This sentence should be black."
- RenderBlock {P} at (0,361) size 769x19 [color=#008000]
+ RenderBlock {P} at (0,358) size 769x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,396) size 769x19
+ RenderBlock {P} at (0,392) size 769x18
RenderText {#text} at (0,0) size 193x19
text run at (0,0) width 193: "This sentence should be black."
- RenderBlock {P} at (0,431) size 769x19 [color=#008000]
+ RenderBlock {P} at (0,426) size 769x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,466) size 769x19 [color=#008000]
+ RenderBlock {P} at (0,460) size 769x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,501) size 769x19 [color=#008000]
+ RenderBlock {P} at (0,494) size 769x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,536) size 769x19 [color=#008000]
+ RenderBlock {P} at (0,528) size 769x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderTable {TABLE} at (0,571) size 216x301 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 214x299
- RenderTableRow {TR} at (0,0) size 214x27
- RenderTableCell {TD} at (0,0) size 214x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,562) size 216x292 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 214x290
+ RenderTableRow {TR} at (0,0) size 214x26
+ RenderTableCell {TD} at (0,0) size 214x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 214x272
- RenderTableCell {TD} at (0,149) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 214x264
+ RenderTableCell {TD} at (0,145) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 202x272 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 194x19 [color=#008000]
+ RenderTableCell {TD} at (12,26) size 202x264 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 194x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (4,39) size 194x19
+ RenderBlock {P} at (4,38) size 194x18
RenderText {#text} at (0,0) size 193x19
text run at (0,0) width 193: "This sentence should be black."
- RenderBlock {P} at (4,74) size 194x19 [color=#008000]
+ RenderBlock {P} at (4,72) size 194x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (4,109) size 194x19
+ RenderBlock {P} at (4,106) size 194x18
RenderText {#text} at (0,0) size 193x19
text run at (0,0) width 193: "This sentence should be black."
- RenderBlock {P} at (4,144) size 194x19 [color=#008000]
+ RenderBlock {P} at (4,140) size 194x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (4,179) size 194x19 [color=#008000]
+ RenderBlock {P} at (4,174) size 194x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (4,214) size 194x19 [color=#008000]
+ RenderBlock {P} at (4,208) size 194x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (4,249) size 194x19 [color=#008000]
+ RenderBlock {P} at (4,242) size 194x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
-layer at (0,0) size 785x990
+layer at (0,0) size 785x973
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x990
- RenderBlock {HTML} at (0,0) size 785x990
- RenderBody {BODY} at (8,8) size 769x974 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 769x19
+layer at (0,0) size 785x973
+ RenderBlock {HTML} at (0,0) size 785x973
+ RenderBody {BODY} at (8,8) size 769x957 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 769x150
+ RenderBlock {PRE} at (0,34) size 769x150
RenderText {#text} at (0,0) size 728x150
text run at (0,0) width 624: "<LINK rel=\"stylesheet\" type=\"text/css\" href=\"linktest.css\" title=\"Default SS\">"
text run at (624,0) width 0: " "
text run at (168,120) width 0: " "
text run at (0,135) width 24: "-->"
text run at (24,135) width 0: " "
- RenderBlock {HR} at (0,198) size 769x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,216) size 769x19
+ RenderBlock {HR} at (0,197) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,215) size 769x19
RenderText {#text} at (0,0) size 404x19
text run at (0,0) width 404: "This sentence should be underlined due to the linked style sheet "
RenderInline {CODE} at (0,0) size 96x15
text run at (404,4) width 96: "linktest.css"
RenderText {#text} at (500,0) size 254x19
text run at (500,0) width 254: ", the reference to which is shown above."
- RenderBlock {P} at (0,251) size 769x38
+ RenderBlock {P} at (0,250) size 769x37
RenderText {#text} at (0,0) size 442x19
text run at (0,0) width 442: "This sentence should NOT be underlined due to the linked style sheet "
RenderInline {CODE} at (0,0) size 104x15
RenderText {#text} at (595,0) size 741x38
text run at (595,0) width 146: " the external style sheet"
text run at (0,19) width 325: "\"Alternate SS\" has been selected via the user agent."
- RenderBlock {UL} at (0,305) size 769x57 [color=#FF0000]
+ RenderBlock {UL} at (0,303) size 769x57 [color=#FF0000]
RenderListItem {LI} at (40,0) size 729x19 [color=#008000]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 390x19
text run at (393,4) width 168: "STYLE=\"color: green;\""
RenderText {#text} at (561,0) size 9x19
text run at (561,0) width 9: "]."
- RenderBlock {P} at (0,378) size 769x19 [color=#800080]
+ RenderBlock {P} at (0,376) size 769x18 [color=#800080]
RenderText {#text} at (0,0) size 500x19
text run at (0,0) width 500: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
- RenderBlock {OL} at (0,413) size 769x57
- RenderListItem {LI} at (40,0) size 729x19
+ RenderBlock {OL} at (0,410) size 769x54
+ RenderListItem {LI} at (40,0) size 729x18
RenderListMarker at (-21,0) size 16x19: "1"
RenderText {#text} at (0,0) size 201x19
text run at (0,0) width 201: "This list should NOT be purple."
- RenderListItem {LI} at (40,19) size 729x19
+ RenderListItem {LI} at (40,18) size 729x18
RenderListMarker at (-21,0) size 16x19: "2"
RenderText {#text} at (0,0) size 172x19
text run at (0,0) width 172: "It should, instead, be black."
- RenderListItem {LI} at (40,38) size 729x19
+ RenderListItem {LI} at (40,36) size 729x18
RenderListMarker at (-21,0) size 16x19: "3"
RenderText {#text} at (0,0) size 501x19
text run at (0,0) width 501: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
- RenderBlock {P} at (0,486) size 769x38
+ RenderBlock {P} at (0,480) size 769x37
RenderText {#text} at (0,0) size 697x19
text run at (0,0) width 197: "This sentence should be black. "
text run at (197,0) width 500: "If it is red, then the browser has inappropriately imported the styles from the file"
RenderInline {TT} at (0,0) size 96x15
- RenderText {#text} at (0,23) size 96x15
- text run at (0,23) width 96: "imptest2.css"
- RenderText {#text} at (96,19) size 33x19
- text run at (96,19) width 33: " (see "
+ RenderText {#text} at (0,22) size 96x15
+ text run at (0,22) width 96: "imptest2.css"
+ RenderText {#text} at (96,18) size 33x19
+ text run at (96,18) width 33: " (see "
RenderInline {A} at (0,0) size 68x19 [color=#0000FF]
- RenderText {#text} at (129,19) size 68x19
- text run at (129,19) width 68: "section 3.0"
- RenderText {#text} at (197,19) size 275x19
- text run at (197,19) width 275: " of the CSS1 specification for more details)."
- RenderBlock {P} at (0,540) size 769x19 [color=#008000]
+ RenderText {#text} at (129,18) size 68x19
+ text run at (129,18) width 68: "section 3.0"
+ RenderText {#text} at (197,18) size 275x19
+ text run at (197,18) width 275: " of the CSS1 specification for more details)."
+ RenderBlock {P} at (0,533) size 769x18 [color=#008000]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This paragraph should be green."
- RenderTable {TABLE} at (0,575) size 769x399 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 767x397
- RenderTableRow {TR} at (0,0) size 767x27
- RenderTableCell {TD} at (0,0) size 767x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,567) size 769x390 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x388
+ RenderTableRow {TR} at (0,0) size 767x26
+ RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 767x370
- RenderTableCell {TD} at (0,198) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 767x362
+ RenderTableCell {TD} at (0,194) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 755x370 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 747x38
+ RenderTableCell {TD} at (12,26) size 755x362 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 747x37
RenderText {#text} at (0,0) size 404x19
text run at (0,0) width 404: "This sentence should be underlined due to the linked style sheet "
RenderInline {CODE} at (0,0) size 96x15
RenderText {#text} at (500,0) size 708x38
text run at (500,0) width 208: ", the reference to which is shown"
text run at (0,19) width 42: "above."
- RenderBlock {P} at (4,58) size 747x38
+ RenderBlock {P} at (4,57) size 747x37
RenderText {#text} at (0,0) size 442x19
text run at (0,0) width 442: "This sentence should NOT be underlined due to the linked style sheet "
RenderInline {CODE} at (0,0) size 104x15
RenderText {#text} at (595,0) size 741x38
text run at (595,0) width 146: " the external style sheet"
text run at (0,19) width 325: "\"Alternate SS\" has been selected via the user agent."
- RenderBlock {UL} at (4,112) size 747x57 [color=#FF0000]
+ RenderBlock {UL} at (4,110) size 747x57 [color=#FF0000]
RenderListItem {LI} at (40,0) size 707x19 [color=#008000]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 390x19
text run at (393,4) width 168: "STYLE=\"color: green;\""
RenderText {#text} at (561,0) size 9x19
text run at (561,0) width 9: "]."
- RenderBlock {P} at (4,185) size 747x19 [color=#800080]
+ RenderBlock {P} at (4,183) size 747x18 [color=#800080]
RenderText {#text} at (0,0) size 500x19
text run at (0,0) width 500: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
- RenderBlock {OL} at (4,220) size 747x57
- RenderListItem {LI} at (40,0) size 707x19
+ RenderBlock {OL} at (4,217) size 747x54
+ RenderListItem {LI} at (40,0) size 707x18
RenderListMarker at (-21,0) size 16x19: "1"
RenderText {#text} at (0,0) size 201x19
text run at (0,0) width 201: "This list should NOT be purple."
- RenderListItem {LI} at (40,19) size 707x19
+ RenderListItem {LI} at (40,18) size 707x18
RenderListMarker at (-21,0) size 16x19: "2"
RenderText {#text} at (0,0) size 172x19
text run at (0,0) width 172: "It should, instead, be black."
- RenderListItem {LI} at (40,38) size 707x19
+ RenderListItem {LI} at (40,36) size 707x18
RenderListMarker at (-21,0) size 16x19: "3"
RenderText {#text} at (0,0) size 501x19
text run at (0,0) width 501: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
- RenderBlock {P} at (4,293) size 747x38
+ RenderBlock {P} at (4,287) size 747x37
RenderText {#text} at (0,0) size 697x19
text run at (0,0) width 197: "This sentence should be black. "
text run at (197,0) width 500: "If it is red, then the browser has inappropriately imported the styles from the file"
RenderInline {TT} at (0,0) size 96x15
- RenderText {#text} at (0,23) size 96x15
- text run at (0,23) width 96: "imptest2.css"
- RenderText {#text} at (96,19) size 33x19
- text run at (96,19) width 33: " (see "
+ RenderText {#text} at (0,22) size 96x15
+ text run at (0,22) width 96: "imptest2.css"
+ RenderText {#text} at (96,18) size 33x19
+ text run at (96,18) width 33: " (see "
RenderInline {A} at (0,0) size 68x19 [color=#0000FF]
- RenderText {#text} at (129,19) size 68x19
- text run at (129,19) width 68: "section 3.0"
- RenderText {#text} at (197,19) size 275x19
- text run at (197,19) width 275: " of the CSS1 specification for more details)."
- RenderBlock {P} at (4,347) size 747x19 [color=#008000]
+ RenderText {#text} at (129,18) size 68x19
+ text run at (129,18) width 68: "section 3.0"
+ RenderText {#text} at (197,18) size 275x19
+ text run at (197,18) width 275: " of the CSS1 specification for more details)."
+ RenderBlock {P} at (4,340) size 747x18 [color=#008000]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This paragraph should be green."
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x19 [color=#000080]
+ RenderBlock {P} at (0,0) size 784x18 [color=#000080]
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 784x60
+ RenderBlock {PRE} at (0,34) size 784x60
RenderText {#text} at (0,0) size 472x60
text run at (0,0) width 288: "P {color: navy; font-family: serif;}"
text run at (288,0) width 0: " "
text run at (0,30) width 224: "EM, UL LI LI {color: green;}"
text run at (224,30) width 0: " "
text run at (0,45) width 0: " "
- RenderBlock {HR} at (0,108) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,126) size 784x19 [color=#000080]
+ RenderBlock {HR} at (0,107) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,125) size 784x18 [color=#000080]
RenderText {#text} at (0,0) size 625x19
text run at (0,0) width 625: "This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table."
- RenderBlock {P} at (0,161) size 784x19 [color=#000080]
+ RenderBlock {P} at (0,159) size 784x18 [color=#000080]
RenderText {#text} at (0,0) size 559x19
text run at (0,0) width 559: "This sentence should be normal for its section, except for the last word, which should be "
RenderInline {EM} at (0,0) size 36x19 [color=#008000]
text run at (559,0) width 36: "green"
RenderText {#text} at (595,0) size 4x19
text run at (595,0) width 4: "."
- RenderBlock {UL} at (0,196) size 784x38
- RenderListItem {LI} at (40,0) size 744x38
- RenderBlock (anonymous) at (0,0) size 744x19
+ RenderBlock {UL} at (0,193) size 784x36
+ RenderListItem {LI} at (40,0) size 744x36
+ RenderBlock (anonymous) at (0,0) size 744x18
RenderListMarker at (-18,0) size 7x19: bullet
RenderInline {EM} at (0,0) size 39x19 [color=#008000]
RenderText {#text} at (0,0) size 39x19
RenderText {#text} at (39,0) size 399x19
text run at (39,0) width 4: " "
text run at (43,0) width 395: "The first \"hello\" should be green, but this part should be black."
- RenderBlock {UL} at (0,19) size 744x19
- RenderListItem {LI} at (40,0) size 704x19 [color=#008000]
+ RenderBlock {UL} at (0,18) size 744x18
+ RenderListItem {LI} at (40,0) size 704x18 [color=#008000]
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 136x19
text run at (0,0) width 136: "This should be green."
- RenderTable {TABLE} at (0,250) size 722x161 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 720x159
- RenderTableRow {TR} at (0,0) size 720x27
- RenderTableCell {TD} at (0,0) size 720x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,245) size 722x156 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 720x154
+ RenderTableRow {TR} at (0,0) size 720x26
+ RenderTableCell {TD} at (0,0) size 720x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 720x132
- RenderTableCell {TD} at (0,79) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 720x128
+ RenderTableCell {TD} at (0,77) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 708x132 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 700x19 [color=#800080]
+ RenderTableCell {TD} at (12,26) size 708x128 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 700x18 [color=#800080]
RenderText {#text} at (0,0) size 700x19
text run at (0,0) width 700: "This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table."
- RenderBlock {P} at (4,39) size 700x19 [color=#800080]
+ RenderBlock {P} at (4,38) size 700x18 [color=#800080]
RenderText {#text} at (0,0) size 623x19
text run at (0,0) width 623: "This sentence should be normal for its section, except for the last word, which should be "
RenderInline {EM} at (0,0) size 41x19 [color=#008000]
text run at (623,0) width 41: "green"
RenderText {#text} at (664,0) size 4x19
text run at (664,0) width 4: "."
- RenderBlock {UL} at (4,74) size 700x38
- RenderListItem {LI} at (40,0) size 660x38
- RenderBlock (anonymous) at (0,0) size 660x19
+ RenderBlock {UL} at (4,72) size 700x36
+ RenderListItem {LI} at (40,0) size 660x36
+ RenderBlock (anonymous) at (0,0) size 660x18
RenderListMarker at (-18,0) size 7x19: bullet
RenderInline {EM} at (0,0) size 39x19 [color=#008000]
RenderText {#text} at (0,0) size 39x19
RenderText {#text} at (39,0) size 399x19
text run at (39,0) width 4: " "
text run at (43,0) width 395: "The first \"hello\" should be green, but this part should be black."
- RenderBlock {UL} at (0,19) size 660x19
- RenderListItem {LI} at (40,0) size 620x19 [color=#008000]
+ RenderBlock {UL} at (0,18) size 660x18
+ RenderListItem {LI} at (40,0) size 620x18 [color=#008000]
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 136x19
text run at (0,0) width 136: "This should be green."
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x19
+ RenderBlock {P} at (0,0) size 784x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 784x30
+ RenderBlock {PRE} at (0,34) size 784x30
RenderText {#text} at (0,0) size 272x30
text run at (0,0) width 272: ".one, .two, .three {color: green;}"
text run at (272,0) width 0: " "
text run at (0,15) width 0: " "
- RenderBlock {HR} at (0,78) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,96) size 784x19 [color=#008000]
+ RenderBlock {HR} at (0,77) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,95) size 784x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,131) size 784x19 [color=#008000]
+ RenderBlock {P} at (0,129) size 784x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,166) size 784x19 [color=#008000]
+ RenderBlock {P} at (0,163) size 784x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderTable {TABLE} at (0,201) size 216x126 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 214x124
- RenderTableRow {TR} at (0,0) size 214x27
- RenderTableCell {TD} at (0,0) size 214x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,197) size 216x122 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 214x120
+ RenderTableRow {TR} at (0,0) size 214x26
+ RenderTableCell {TD} at (0,0) size 214x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 214x97
- RenderTableCell {TD} at (0,62) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 214x94
+ RenderTableCell {TD} at (0,60) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 202x97 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 194x19 [color=#008000]
+ RenderTableCell {TD} at (12,26) size 202x94 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 194x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (4,39) size 194x19 [color=#008000]
+ RenderBlock {P} at (4,38) size 194x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (4,74) size 194x19 [color=#008000]
+ RenderBlock {P} at (4,72) size 194x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
-layer at (0,0) size 785x637
+layer at (0,0) size 785x629
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x637
- RenderBlock {HTML} at (0,0) size 785x637
- RenderBody {BODY} at (8,8) size 769x621 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 769x19
+layer at (0,0) size 785x629
+ RenderBlock {HTML} at (0,0) size 785x629
+ RenderBody {BODY} at (8,8) size 769x613 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 769x120
+ RenderBlock {PRE} at (0,34) size 769x120
RenderText {#text} at (0,0) size 272x120
text run at (0,0) width 160: "#one {color: green;}"
text run at (160,0) width 0: " "
text run at (0,90) width 240: "P#five, P#five2 {color: blue;}"
text run at (240,90) width 0: " "
text run at (0,105) width 240: "P#six, P#six2 {color: purple;}"
- RenderBlock {HR} at (0,168) size 769x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,186) size 769x19 [color=#008000]
+ RenderBlock {HR} at (0,167) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,185) size 769x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,221) size 769x19 [color=#008000]
+ RenderBlock {P} at (0,219) size 769x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,256) size 769x19 [color=#0000FF]
+ RenderBlock {P} at (0,253) size 769x19 [color=#0000FF]
RenderText {#text} at (0,0) size 200x19
text run at (0,0) width 200: "This paragraph should be blue ["
RenderInline {TT} at (0,0) size 64x15
text run at (200,4) width 64: "ID=\"two\""
RenderText {#text} at (264,0) size 9x19
text run at (264,0) width 9: "]."
- RenderBlock {PRE} at (0,291) size 769x15
+ RenderBlock {PRE} at (0,288) size 769x15
RenderText {#text} at (0,0) size 392x15
text run at (0,0) width 392: "This sentence should NOT be blue [PRE ID=\"two2\"]."
text run at (392,0) width 0: " "
- RenderBlock {PRE} at (0,319) size 769x15
+ RenderBlock {PRE} at (0,316) size 769x15
RenderText {#text} at (0,0) size 472x15
text run at (0,0) width 472: "This sentence should be black, not purple [PRE ID=\"three\"]."
text run at (472,0) width 0: " "
- RenderBlock {UL} at (0,350) size 769x19
- RenderListItem {LI} at (40,0) size 729x19
+ RenderBlock {UL} at (0,347) size 769x18
+ RenderListItem {LI} at (40,0) size 729x18
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 237x19
text run at (0,0) width 237: "This sentence should NOT be purple."
- RenderTable {TABLE} at (0,385) size 422x236 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 420x234
- RenderTableRow {TR} at (0,0) size 420x27
- RenderTableCell {TD} at (0,0) size 420x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,381) size 422x232 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 420x230
+ RenderTableRow {TR} at (0,0) size 420x26
+ RenderTableCell {TD} at (0,0) size 420x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 420x207
- RenderTableCell {TD} at (0,117) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 420x204
+ RenderTableCell {TD} at (0,115) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 408x207 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 400x19 [color=#008000]
+ RenderTableCell {TD} at (12,26) size 408x204 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 400x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (4,39) size 400x19 [color=#008000]
+ RenderBlock {P} at (4,38) size 400x18 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (4,74) size 400x19 [color=#0000FF]
+ RenderBlock {P} at (4,72) size 400x19 [color=#0000FF]
RenderText {#text} at (0,0) size 200x19
text run at (0,0) width 200: "This paragraph should be blue ["
RenderInline {TT} at (0,0) size 72x15
text run at (200,4) width 72: "ID=\"five\""
RenderText {#text} at (272,0) size 9x19
text run at (272,0) width 9: "]."
- RenderBlock {PRE} at (4,109) size 400x15
+ RenderBlock {PRE} at (4,107) size 400x15
RenderText {#text} at (0,0) size 400x15
text run at (0,0) width 400: "This sentence should NOT be blue [PRE ID=\"five2\"]."
text run at (400,0) width 0: " "
- RenderBlock {PRE} at (4,137) size 400x15
+ RenderBlock {PRE} at (4,135) size 400x15
RenderText {#text} at (0,0) size 360x15
text run at (0,0) width 360: "This sentence should be black [PRE ID=\"six\"]."
text run at (360,0) width 0: " "
- RenderBlock {UL} at (4,168) size 400x19
- RenderListItem {LI} at (40,0) size 360x19
+ RenderBlock {UL} at (4,166) size 400x18
+ RenderListItem {LI} at (40,0) size 360x18
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 237x19
text run at (0,0) width 237: "This sentence should NOT be purple."
-layer at (0,0) size 785x734
+layer at (0,0) size 785x728
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x734
- RenderBlock {HTML} at (0,0) size 785x734
- RenderBody {BODY} at (8,8) size 769x718 [color=#008000] [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 769x19
+layer at (0,0) size 785x728
+ RenderBlock {HTML} at (0,0) size 785x728
+ RenderBody {BODY} at (8,8) size 769x712 [color=#008000] [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 769x105
+ RenderBlock {PRE} at (0,34) size 769x105
RenderText {#text} at (0,0) size 272x105
text run at (0,0) width 160: "BODY {color: green;}"
text run at (160,0) width 0: " "
text run at (152,75) width 0: " "
text run at (0,90) width 184: ".three {color: purple;}"
text run at (184,90) width 0: " "
- RenderBlock {HR} at (0,153) size 769x2 [border: (1px inset #008000)]
- RenderBlock {H3} at (0,173) size 769x22 [color=#0000FF]
+ RenderBlock {HR} at (0,152) size 769x2 [border: (1px inset #008000)]
+ RenderBlock {H3} at (0,172) size 769x22 [color=#0000FF]
RenderText {#text} at (0,0) size 220x22
text run at (0,0) width 220: "This sentence should show "
RenderInline {STRONG} at (0,0) size 35x22
text run at (297,0) width 51: "purple"
RenderText {#text} at (348,0) size 5x22
text run at (348,0) width 5: "."
- RenderBlock {H3} at (0,213) size 769x22 [color=#0000FF]
+ RenderBlock {H3} at (0,212) size 769x22 [color=#0000FF]
RenderText {#text} at (0,0) size 197x22
text run at (0,0) width 197: "This sentence should be "
RenderInline {SPAN} at (0,0) size 34x22
text run at (197,0) width 34: "blue"
RenderText {#text} at (231,0) size 104x22
text run at (231,0) width 104: " throughout."
- RenderBlock {P} at (0,253) size 769x19
+ RenderBlock {P} at (0,252) size 769x18
RenderText {#text} at (0,0) size 226x19
text run at (0,0) width 226: "This should be green except for the "
RenderInline {EM} at (0,0) size 117x19 [color=#800080]
text run at (226,0) width 117: "emphasized words"
RenderText {#text} at (343,0) size 160x19
text run at (343,0) width 160: ", which should be purple."
- RenderBlock {H3} at (0,290) size 769x22 [color=#0000FF]
+ RenderBlock {H3} at (0,288) size 769x22 [color=#0000FF]
RenderText {#text} at (0,0) size 296x22
text run at (0,0) width 296: "This should be blue and underlined."
- RenderBlock {P} at (0,330) size 769x19
+ RenderBlock {P} at (0,328) size 769x19
RenderText {#text} at (0,0) size 293x19
text run at (0,0) width 293: "This sentence should be underlined, including "
RenderInline {TT} at (0,0) size 72x15
text run at (520,0) width 57: "this part"
RenderText {#text} at (577,0) size 4x19
text run at (577,0) width 4: "."
- RenderBlock {P} at (0,365) size 769x19 [color=#000080]
+ RenderBlock {P} at (0,363) size 769x19 [color=#000080]
RenderText {#text} at (0,0) size 436x19
text run at (0,0) width 436: "This sentence should also be underlined, as well as dark blue (navy), "
RenderInline {TT} at (0,0) size 152x15
text run at (436,4) width 152: "including this part"
RenderText {#text} at (588,0) size 4x19
text run at (588,0) width 4: "."
- RenderBlock {P} at (0,400) size 769x19 [color=#800080]
+ RenderBlock {P} at (0,398) size 769x18 [color=#800080]
RenderText {#text} at (0,0) size 266x19
text run at (0,0) width 266: "This sentence should be purple, including "
RenderInline {STRONG} at (0,0) size 57x19
text run at (354,0) width 173: "this part (which is spanned)"
RenderText {#text} at (527,0) size 4x19
text run at (527,0) width 4: "."
- RenderTable {TABLE} at (0,435) size 614x283 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 612x281
- RenderTableRow {TR} at (0,0) size 612x27
- RenderTableCell {TD} at (0,0) size 612x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,432) size 614x280 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 612x278
+ RenderTableRow {TR} at (0,0) size 612x26
+ RenderTableCell {TD} at (0,0) size 612x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 612x254
- RenderTableCell {TD} at (0,140) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 612x252
+ RenderTableCell {TD} at (0,139) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 600x254 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 600x252 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {H3} at (4,4) size 592x22 [color=#0000FF]
RenderText {#text} at (0,0) size 220x22
text run at (0,0) width 220: "This sentence should show "
text run at (197,0) width 34: "blue"
RenderText {#text} at (231,0) size 104x22
text run at (231,0) width 104: " throughout."
- RenderBlock {P} at (4,84) size 592x19
+ RenderBlock {P} at (4,84) size 592x18
RenderText {#text} at (0,0) size 226x19
text run at (0,0) width 226: "This should be green except for the "
RenderInline {EM} at (0,0) size 117x19 [color=#800080]
text run at (226,0) width 117: "emphasized words"
RenderText {#text} at (343,0) size 160x19
text run at (343,0) width 160: ", which should be purple."
- RenderBlock {H3} at (4,121) size 592x22 [color=#0000FF]
+ RenderBlock {H3} at (4,120) size 592x22 [color=#0000FF]
RenderText {#text} at (0,0) size 296x22
text run at (0,0) width 296: "This should be blue and underlined."
- RenderBlock {P} at (4,161) size 592x19
+ RenderBlock {P} at (4,160) size 592x19
RenderText {#text} at (0,0) size 293x19
text run at (0,0) width 293: "This sentence should be underlined, including "
RenderInline {TT} at (0,0) size 72x15
text run at (520,0) width 57: "this part"
RenderText {#text} at (577,0) size 4x19
text run at (577,0) width 4: "."
- RenderBlock {P} at (4,196) size 592x19 [color=#000080]
+ RenderBlock {P} at (4,195) size 592x19 [color=#000080]
RenderText {#text} at (0,0) size 436x19
text run at (0,0) width 436: "This sentence should also be underlined, as well as dark blue (navy), "
RenderInline {TT} at (0,0) size 152x15
text run at (436,4) width 152: "including this part"
RenderText {#text} at (588,0) size 4x19
text run at (588,0) width 4: "."
- RenderBlock {P} at (4,231) size 592x19 [color=#800080]
+ RenderBlock {P} at (4,230) size 592x18 [color=#800080]
RenderText {#text} at (0,0) size 266x19
text run at (0,0) width 266: "This sentence should be purple, including "
RenderInline {STRONG} at (0,0) size 57x19
-layer at (0,0) size 785x1430
+layer at (0,0) size 785x1398
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x1430
- RenderBlock {HTML} at (0,0) size 785x1430
- RenderBody {BODY} at (8,8) size 769x1414 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 769x19
+layer at (0,0) size 785x1398
+ RenderBlock {HTML} at (0,0) size 785x1398
+ RenderBody {BODY} at (8,8) size 769x1382 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 769x135
+ RenderBlock {PRE} at (0,34) size 769x135
RenderText {#text} at (0,0) size 272x135
text run at (0,0) width 272: ".one {border: medium black solid;}"
text run at (272,0) width 0: " "
text run at (168,105) width 0: " "
text run at (0,120) width 232: "TD {border: 2px solid green;}"
text run at (232,120) width 0: " "
- RenderBlock {HR} at (0,183) size 769x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,201) size 769x38
- RenderText {#text} at (0,0) size 748x38
+ RenderBlock {HR} at (0,182) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,200) size 769x36
+ RenderText {#text} at (0,0) size 748x37
text run at (0,0) width 627: "Note that all table cells on this page should have a two-pixel solid green border along all four sides. "
text run at (627,0) width 121: "This border applies"
- text run at (0,19) width 317: "only to the cells, not the rows which contain them."
- RenderBlock {P} at (0,255) size 769x25 [border: (3px solid #000000)]
+ text run at (0,18) width 317: "only to the cells, not the rows which contain them."
+ RenderBlock {P} at (0,252) size 769x24 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 483x19
text run at (3,3) width 483: "This paragraph should have a medium black solid border all the way around."
- RenderBlock {P} at (0,296) size 769x21 [border: (1px ridge #800000)]
+ RenderBlock {P} at (0,292) size 769x20 [border: (1px ridge #800000)]
RenderText {#text} at (1,1) size 480x19
text run at (1,1) width 480: "This paragraph should have a thin maroon ridged border all the way around."
- RenderBlock {P} at (0,333) size 769x39 [border: (10px outset #008080)]
+ RenderBlock {P} at (0,328) size 769x38 [border: (10px outset #008080)]
RenderText {#text} at (10,10) size 518x19
text run at (10,10) width 518: "This paragraph should have a ten-pixel-wide teal outset border all the way around."
- RenderBlock {P} at (0,388) size 769x39 [border: (10px inset #808000)]
+ RenderBlock {P} at (0,382) size 769x38 [border: (10px inset #808000)]
RenderText {#text} at (10,10) size 519x19
text run at (10,10) width 519: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
- RenderBlock {P} at (0,443) size 769x19
+ RenderBlock {P} at (0,436) size 769x19
RenderText {#text} at (0,0) size 348x19
text run at (0,0) width 348: "This paragraph should have no border around it, as the "
RenderInline {TT} at (0,0) size 96x15
text run at (348,4) width 96: "border-style"
RenderText {#text} at (444,0) size 323x19
text run at (444,0) width 323: " was not set, and it should not be offset in any way."
- RenderBlock {P} at (0,478) size 769x44 [border: (3px double #800000)]
+ RenderBlock {P} at (0,471) size 769x43 [border: (3px double #800000)]
RenderText {#text} at (3,3) size 535x19
text run at (3,3) width 535: "This paragraph should have a medium maroon double border around it, even though "
RenderInline {CODE} at (0,0) size 96x15
RenderText {#text} at (634,3) size 746x38
text run at (634,3) width 115: " was not explicitly"
text run at (3,22) width 21: "set."
- RenderBlock {P} at (0,538) size 769x19
+ RenderBlock {P} at (0,530) size 769x18
RenderText {#text} at (0,0) size 621x19
text run at (0,0) width 621: "This paragraph should have no border around it, as its declaration is invalid and should be ignored."
- RenderBlock {P} at (0,573) size 769x19
+ RenderBlock {P} at (0,564) size 769x18
RenderInline {A} at (0,0) size 25x19
RenderText {#text} at (0,0) size 25x19
text run at (0,0) width 25: "The"
RenderImage {IMG} at (740,0) size 15x15
RenderText {#text} at (755,0) size 4x19
text run at (755,0) width 4: "."
- RenderTable {TABLE} at (0,608) size 769x117 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 767x115
- RenderTableRow {TR} at (0,5) size 767x44
- RenderTableCell {TD} at (5,5) size 757x44 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
- RenderText {#text} at (3,3) size 711x38
+ RenderTable {TABLE} at (0,598) size 769x113 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x111
+ RenderTableRow {TR} at (0,5) size 767x42
+ RenderTableCell {TD} at (5,5) size 757x42 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (3,3) size 711x37
text run at (3,3) width 405: "Every cell in this table should have a 2-pixel solid green border. "
text run at (408,3) width 306: "This is also true of the table-testing section in the"
- text run at (3,22) width 175: "second half of the test page."
- RenderTableRow {TR} at (0,54) size 767x56
- RenderTableCell {TD} at (5,69) size 194x25 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ text run at (3,21) width 175: "second half of the test page."
+ RenderTableRow {TR} at (0,52) size 767x54
+ RenderTableCell {TD} at (5,67) size 194x24 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (3,3) size 53x19
text run at (3,3) width 53: "Cell one"
- RenderTableCell {TD} at (204,54) size 558x56 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (3,3) size 552x19
+ RenderTableCell {TD} at (204,52) size 558x54 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,3) size 552x18
RenderText {#text} at (0,0) size 54x19
text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (3,22) size 163x31 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 161x29
- RenderTableRow {TR} at (0,2) size 161x25
- RenderTableCell {TD} at (2,2) size 157x25 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
+ RenderTable {TABLE} at (3,21) size 163x30 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 161x28
+ RenderTableRow {TR} at (0,2) size 161x24
+ RenderTableCell {TD} at (2,2) size 157x24 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (3,3) size 151x19
text run at (3,3) width 151: "Nested single-cell table!"
- RenderBlock {P} at (0,741) size 769x19
+ RenderBlock {P} at (0,727) size 769x18
RenderText {#text} at (0,0) size 175x19
text run at (0,0) width 175: "This is an unstyled element."
- RenderTable {TABLE} at (0,776) size 769x638 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 767x636
- RenderTableRow {TR} at (0,0) size 767x29
- RenderTableCell {TD} at (0,0) size 767x29 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,761) size 769x621 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x619
+ RenderTableRow {TR} at (0,0) size 767x28
+ RenderTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (5,5) size 163x19
text run at (5,5) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,29) size 767x607
- RenderTableCell {TD} at (0,318) size 14x29 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,28) size 767x591
+ RenderTableCell {TD} at (0,309) size 14x28 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (5,5) size 4x19
text run at (5,5) width 4: " "
- RenderTableCell {TD} at (14,29) size 753x607 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (5,5) size 743x38
- RenderText {#text} at (0,0) size 700x38
+ RenderTableCell {TD} at (14,28) size 753x591 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (5,5) size 743x36
+ RenderText {#text} at (0,0) size 700x37
text run at (0,0) width 627: "Note that all table cells on this page should have a two-pixel solid green border along all four sides. "
text run at (627,0) width 73: "This border"
- text run at (0,19) width 365: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (5,59) size 743x25 [border: (3px solid #000000)]
+ text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (5,57) size 743x24 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 483x19
text run at (3,3) width 483: "This paragraph should have a medium black solid border all the way around."
- RenderBlock {P} at (5,100) size 743x21 [border: (1px ridge #800000)]
+ RenderBlock {P} at (5,97) size 743x20 [border: (1px ridge #800000)]
RenderText {#text} at (1,1) size 480x19
text run at (1,1) width 480: "This paragraph should have a thin maroon ridged border all the way around."
- RenderBlock {P} at (5,137) size 743x39 [border: (10px outset #008080)]
+ RenderBlock {P} at (5,133) size 743x38 [border: (10px outset #008080)]
RenderText {#text} at (10,10) size 518x19
text run at (10,10) width 518: "This paragraph should have a ten-pixel-wide teal outset border all the way around."
- RenderBlock {P} at (5,192) size 743x39 [border: (10px inset #808000)]
+ RenderBlock {P} at (5,187) size 743x38 [border: (10px inset #808000)]
RenderText {#text} at (10,10) size 519x19
text run at (10,10) width 519: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
- RenderBlock {P} at (5,247) size 743x38
+ RenderBlock {P} at (5,241) size 743x37
RenderText {#text} at (0,0) size 348x19
text run at (0,0) width 348: "This paragraph should have no border around it, as the "
RenderInline {TT} at (0,0) size 96x15
RenderText {#text} at (444,0) size 732x38
text run at (444,0) width 288: " was not set, and it should not be offset in any"
text run at (0,19) width 31: "way."
- RenderBlock {P} at (5,301) size 743x44 [border: (3px double #800000)]
+ RenderBlock {P} at (5,294) size 743x43 [border: (3px double #800000)]
RenderText {#text} at (3,3) size 535x19
text run at (3,3) width 535: "This paragraph should have a medium maroon double border around it, even though "
RenderInline {CODE} at (0,0) size 96x15
RenderText {#text} at (634,3) size 684x38
text run at (634,3) width 53: " was not"
text run at (3,22) width 83: "explicitly set."
- RenderBlock {P} at (5,361) size 743x19
+ RenderBlock {P} at (5,353) size 743x18
RenderText {#text} at (0,0) size 621x19
text run at (0,0) width 621: "This paragraph should have no border around it, as its declaration is invalid and should be ignored."
- RenderBlock {P} at (5,396) size 743x38
+ RenderBlock {P} at (5,387) size 743x36
RenderInline {A} at (0,0) size 25x19
RenderText {#text} at (0,0) size 25x19
text run at (0,0) width 25: "The"
RenderText {#text} at (25,0) size 715x19
text run at (25,0) width 715: " following image is also an anchor which points to a target on this page, but it should not have a border around it: "
RenderInline {A} at (0,0) size 15x19 [color=#0000FF]
- RenderImage {IMG} at (0,19) size 15x15
- RenderText {#text} at (15,19) size 4x19
- text run at (15,19) width 4: "."
- RenderTable {TABLE} at (5,450) size 743x117 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 741x115
- RenderTableRow {TR} at (0,5) size 741x44
- RenderTableCell {TD} at (5,5) size 731x44 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
- RenderText {#text} at (3,3) size 711x38
+ RenderImage {IMG} at (0,18) size 15x15
+ RenderText {#text} at (15,18) size 4x19
+ text run at (15,18) width 4: "."
+ RenderTable {TABLE} at (5,439) size 743x113 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 741x111
+ RenderTableRow {TR} at (0,5) size 741x42
+ RenderTableCell {TD} at (5,5) size 731x42 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (3,3) size 711x37
text run at (3,3) width 405: "Every cell in this table should have a 2-pixel solid green border. "
text run at (408,3) width 306: "This is also true of the table-testing section in the"
- text run at (3,22) width 175: "second half of the test page."
- RenderTableRow {TR} at (0,54) size 741x56
- RenderTableCell {TD} at (5,69) size 187x25 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ text run at (3,21) width 175: "second half of the test page."
+ RenderTableRow {TR} at (0,52) size 741x54
+ RenderTableCell {TD} at (5,67) size 187x24 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (3,3) size 53x19
text run at (3,3) width 53: "Cell one"
- RenderTableCell {TD} at (197,54) size 539x56 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (3,3) size 533x19
+ RenderTableCell {TD} at (197,52) size 539x54 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,3) size 533x18
RenderText {#text} at (0,0) size 54x19
text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (3,22) size 163x31 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 161x29
- RenderTableRow {TR} at (0,2) size 161x25
- RenderTableCell {TD} at (2,2) size 157x25 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
+ RenderTable {TABLE} at (3,21) size 163x30 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 161x28
+ RenderTableRow {TR} at (0,2) size 161x24
+ RenderTableCell {TD} at (2,2) size 157x24 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (3,3) size 151x19
text run at (3,3) width 151: "Nested single-cell table!"
- RenderBlock {P} at (5,583) size 743x19
+ RenderBlock {P} at (5,568) size 743x18
RenderText {#text} at (0,0) size 175x19
text run at (0,0) width 175: "This is an unstyled element."
-layer at (0,0) size 785x1027
+layer at (0,0) size 785x995
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x1027
- RenderBlock {HTML} at (0,0) size 785x1027
- RenderBody {BODY} at (8,8) size 769x1011 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 769x19
+layer at (0,0) size 785x995
+ RenderBlock {HTML} at (0,0) size 785x995
+ RenderBody {BODY} at (8,8) size 769x979 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 769x60
+ RenderBlock {PRE} at (0,34) size 769x60
RenderText {#text} at (0,0) size 344x60
text run at (0,0) width 328: ".one {border-bottom: purple double 10px;}"
text run at (328,0) width 0: " "
text run at (344,30) width 0: " "
text run at (0,45) width 288: "TD {border-bottom: green 2px solid;}"
text run at (288,45) width 0: " "
- RenderBlock {HR} at (0,108) size 769x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,126) size 769x38
- RenderText {#text} at (0,0) size 731x38
+ RenderBlock {HR} at (0,107) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,125) size 769x36
+ RenderText {#text} at (0,0) size 731x37
text run at (0,0) width 658: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides. "
text run at (658,0) width 73: "This border"
- text run at (0,19) width 365: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (0,180) size 769x29 [border: (10px double #800080) none]
+ text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (0,177) size 769x28 [border: (10px double #800080) none]
RenderText {#text} at (0,0) size 438x19
text run at (0,0) width 438: "This paragraph should have a purple, double, 10-pixel bottom border."
- RenderBlock {P} at (0,225) size 769x20 [border: (1px solid #800080) none]
+ RenderBlock {P} at (0,221) size 769x19 [border: (1px solid #800080) none]
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
- RenderTable {TABLE} at (0,261) size 769x114 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 767x112
- RenderTableRow {TR} at (0,5) size 767x43
- RenderTableCell {TD} at (5,5) size 757x43 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
- RenderText {#text} at (2,2) size 736x38
+ RenderTable {TABLE} at (0,256) size 769x110 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x108
+ RenderTableRow {TR} at (0,5) size 767x41
+ RenderTableCell {TD} at (5,5) size 757x41 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (2,2) size 736x37
text run at (2,2) width 453: "Every cell in this table should have a 2-pixel solid green bottom border. "
text run at (455,2) width 283: "This is also true of the table-testing section in"
- text run at (2,21) width 198: "the second half of the test page."
- RenderTableRow {TR} at (0,53) size 767x54
- RenderTableCell {TD} at (5,68) size 192x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ text run at (2,20) width 198: "the second half of the test page."
+ RenderTableRow {TR} at (0,51) size 767x52
+ RenderTableCell {TD} at (5,65) size 192x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 53x19
text run at (2,2) width 53: "Cell one"
- RenderTableCell {TD} at (202,53) size 560x54 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 556x19
+ RenderTableCell {TD} at (202,51) size 560x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 556x18
RenderText {#text} at (0,0) size 54x19
text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (2,21) size 161x30 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 159x28
- RenderTableRow {TR} at (0,2) size 159x24
- RenderTableCell {TD} at (2,2) size 155x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderTable {TABLE} at (2,20) size 161x29 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 159x27
+ RenderTableRow {TR} at (0,2) size 159x23
+ 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]
RenderText {#text} at (2,2) size 151x19
text run at (2,2) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (0,391) size 769x142
- RenderListItem {LI} at (40,0) size 729x79 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,0) size 729x19
+ RenderBlock {UL} at (0,382) size 769x135
+ RenderListItem {LI} at (40,0) size 729x75 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 729x18
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 118x19
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (0,19) size 729x57
- RenderListItem {LI} at (40,0) size 689x19
+ RenderBlock {UL} at (0,18) size 729x54
+ RenderListItem {LI} at (40,0) size 689x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 73x19
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,19) size 689x19
+ RenderListItem {LI} at (40,18) size 689x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 115x19
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,38) size 689x19
+ RenderListItem {LI} at (40,36) size 689x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 176x19
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,79) size 729x22 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,75) size 729x21 [border: (3px solid #000000) none]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 158x19
text run at (0,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,101) size 729x41 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,96) size 729x39 [border: (3px solid #000000) none]
RenderListMarker at (-18,0) size 7x19: bullet
- RenderText {#text} at (0,0) size 722x38
+ RenderText {#text} at (0,0) size 722x37
text run at (0,0) width 722: "Each list item in this list should have a medium-width black border at its bottom, which for the first item means that"
- text run at (0,19) width 104: "it should appear "
+ text run at (0,18) width 104: "it should appear "
RenderInline {EM} at (0,0) size 50x19
- RenderText {#text} at (104,19) size 50x19
- text run at (104,19) width 50: "beneath"
- RenderText {#text} at (154,19) size 390x19
- text run at (154,19) width 390: " the nested list (below the line \"...nested within the list item.\")."
- RenderTable {TABLE} at (0,549) size 769x462 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 767x460
- RenderTableRow {TR} at (0,0) size 767x28
- RenderTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (104,18) size 50x19
+ text run at (104,18) width 50: "beneath"
+ RenderText {#text} at (154,18) size 390x19
+ text run at (154,18) width 390: " the nested list (below the line \"...nested within the list item.\")."
+ RenderTable {TABLE} at (0,533) size 769x446 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x444
+ RenderTableRow {TR} at (0,0) size 767x27
+ 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]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,28) size 767x432
- RenderTableCell {TD} at (0,230) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,27) size 767x417
+ 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]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,28) size 755x432 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 747x38
- RenderText {#text} at (0,0) size 731x38
+ RenderTableCell {TD} at (12,27) size 755x417 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 747x36
+ RenderText {#text} at (0,0) size 731x37
text run at (0,0) width 658: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides. "
text run at (658,0) width 73: "This border"
- text run at (0,19) width 365: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (4,58) size 747x29 [border: (10px double #800080) none]
+ text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (4,56) size 747x28 [border: (10px double #800080) none]
RenderText {#text} at (0,0) size 438x19
text run at (0,0) width 438: "This paragraph should have a purple, double, 10-pixel bottom border."
- RenderBlock {P} at (4,103) size 747x20 [border: (1px solid #800080) none]
+ RenderBlock {P} at (4,100) size 747x19 [border: (1px solid #800080) none]
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
- RenderTable {TABLE} at (4,139) size 747x114 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 745x112
- RenderTableRow {TR} at (0,5) size 745x43
- RenderTableCell {TD} at (5,5) size 735x43 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
- RenderText {#text} at (2,2) size 720x38
+ RenderTable {TABLE} at (4,135) size 747x110 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 745x108
+ RenderTableRow {TR} at (0,5) size 745x41
+ RenderTableCell {TD} at (5,5) size 735x41 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (2,2) size 720x37
text run at (2,2) width 453: "Every cell in this table should have a 2-pixel solid green bottom border. "
text run at (455,2) width 267: "This is also true of the table-testing section"
- text run at (2,21) width 214: "in the second half of the test page."
- RenderTableRow {TR} at (0,53) size 745x54
- RenderTableCell {TD} at (5,68) size 186x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ text run at (2,20) width 214: "in the second half of the test page."
+ RenderTableRow {TR} at (0,51) size 745x52
+ RenderTableCell {TD} at (5,65) size 186x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 53x19
text run at (2,2) width 53: "Cell one"
- RenderTableCell {TD} at (196,53) size 544x54 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 540x19
+ RenderTableCell {TD} at (196,51) size 544x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 540x18
RenderText {#text} at (0,0) size 54x19
text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (2,21) size 161x30 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 159x28
- RenderTableRow {TR} at (0,2) size 159x24
- RenderTableCell {TD} at (2,2) size 155x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderTable {TABLE} at (2,20) size 161x29 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 159x27
+ RenderTableRow {TR} at (0,2) size 159x23
+ 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]
RenderText {#text} at (2,2) size 151x19
text run at (2,2) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (4,269) size 747x142
- RenderListItem {LI} at (40,0) size 707x79 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,0) size 707x19
+ RenderBlock {UL} at (4,261) size 747x135
+ RenderListItem {LI} at (40,0) size 707x75 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 707x18
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 118x19
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (0,19) size 707x57
- RenderListItem {LI} at (40,0) size 667x19
+ RenderBlock {UL} at (0,18) size 707x54
+ RenderListItem {LI} at (40,0) size 667x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 73x19
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,19) size 667x19
+ RenderListItem {LI} at (40,18) size 667x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 115x19
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,38) size 667x19
+ RenderListItem {LI} at (40,36) size 667x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 176x19
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,79) size 707x22 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,75) size 707x21 [border: (3px solid #000000) none]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 158x19
text run at (0,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,101) size 707x41 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,96) size 707x39 [border: (3px solid #000000) none]
RenderListMarker at (-18,0) size 7x19: bullet
- RenderText {#text} at (0,0) size 695x38
+ RenderText {#text} at (0,0) size 695x37
text run at (0,0) width 695: "Each list item in this list should have a medium-width black border at its bottom, which for the first item means"
- text run at (0,19) width 131: "that it should appear "
+ text run at (0,18) width 131: "that it should appear "
RenderInline {EM} at (0,0) size 50x19
- RenderText {#text} at (131,19) size 50x19
- text run at (131,19) width 50: "beneath"
- RenderText {#text} at (181,19) size 390x19
- text run at (181,19) width 390: " the nested list (below the line \"...nested within the list item.\")."
+ RenderText {#text} at (131,18) size 50x19
+ text run at (131,18) width 50: "beneath"
+ RenderText {#text} at (181,18) size 390x19
+ text run at (181,18) width 390: " the nested list (below the line \"...nested within the list item.\")."
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x19
+ RenderBlock {P} at (0,0) size 784x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 784x45
+ RenderBlock {PRE} at (0,34) size 784x45
RenderText {#text} at (0,0) size 328x45
text run at (0,0) width 328: ".one {border-bottom: purple double 10px;}"
text run at (328,0) width 0: " "
text run at (0,15) width 320: ".two {border-bottom: purple thin solid;}"
text run at (320,15) width 0: " "
text run at (0,30) width 0: " "
- RenderBlock {HR} at (0,93) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,111) size 784x57 [bgcolor=#C0C0C0]
+ RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,110) size 784x54 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 666x19
text run at (0,0) width 666: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
RenderInline {SPAN} at (0,0) size 57x29 [border: (10px double #800080) none]
RenderText {#text} at (666,0) size 57x19
text run at (666,0) width 57: "class one"
- RenderText {#text} at (723,0) size 770x38
+ RenderText {#text} at (723,0) size 770x37
text run at (723,0) width 47: ", which"
- text run at (0,19) width 362: "should have a 10-pixel purple double bottom border; and "
+ text run at (0,18) width 362: "should have a 10-pixel purple double bottom border; and "
RenderInline {SPAN} at (0,0) size 58x20 [border: (1px solid #800080) none]
- RenderText {#text} at (362,19) size 58x19
- text run at (362,19) width 58: "class two"
- RenderText {#text} at (420,19) size 761x38
- text run at (420,19) width 341: ", which should have a thin solid purple bottom border."
- text run at (0,38) width 429: "The line-height of the parent element should not change on any line."
- RenderTable {TABLE} at (0,184) size 784x94 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x92
- RenderTableRow {TR} at (0,0) size 782x27
- RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (362,18) size 58x19
+ text run at (362,18) width 58: "class two"
+ RenderText {#text} at (420,18) size 761x37
+ text run at (420,18) width 341: ", which should have a thin solid purple bottom border."
+ text run at (0,36) width 429: "The line-height of the parent element should not change on any line."
+ RenderTable {TABLE} at (0,180) size 784x90 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x88
+ RenderTableRow {TR} at (0,0) size 782x26
+ RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 782x65
- RenderTableCell {TD} at (0,46) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 782x62
+ RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 770x65 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x57 [bgcolor=#C0C0C0]
+ RenderTableCell {TD} at (12,26) size 770x62 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x54 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 666x19
text run at (0,0) width 666: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
RenderInline {SPAN} at (0,0) size 57x29 [border: (10px double #800080) none]
RenderText {#text} at (666,0) size 57x19
text run at (666,0) width 57: "class one"
- RenderText {#text} at (723,0) size 727x38
+ RenderText {#text} at (723,0) size 727x37
text run at (723,0) width 4: ","
- text run at (0,19) width 405: "which should have a 10-pixel purple double bottom border; and "
+ text run at (0,18) width 405: "which should have a 10-pixel purple double bottom border; and "
RenderInline {SPAN} at (0,0) size 58x20 [border: (1px solid #800080) none]
- RenderText {#text} at (405,19) size 58x19
- text run at (405,19) width 58: "class two"
- RenderText {#text} at (463,19) size 755x38
- text run at (463,19) width 292: ", which should have a thin solid purple bottom"
- text run at (0,38) width 49: "border. "
- text run at (49,38) width 429: "The line-height of the parent element should not change on any line."
+ RenderText {#text} at (405,18) size 58x19
+ text run at (405,18) width 58: "class two"
+ RenderText {#text} at (463,18) size 755x37
+ text run at (463,18) width 292: ", which should have a thin solid purple bottom"
+ text run at (0,36) width 49: "border. "
+ text run at (49,36) width 429: "The line-height of the parent element should not change on any line."
-layer at (0,0) size 785x895
+layer at (0,0) size 785x881
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x895
- RenderBlock {HTML} at (0,0) size 785x895
- RenderBody {BODY} at (8,8) size 769x879 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 769x19
+layer at (0,0) size 785x881
+ RenderBlock {HTML} at (0,0) size 785x881
+ RenderBody {BODY} at (8,8) size 769x865 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 769x90
+ RenderBlock {PRE} at (0,34) size 769x90
RenderText {#text} at (0,0) size 464x90
text run at (0,0) width 456: ".zero {background-color: silver; border-bottom-width: 0;}"
text run at (456,0) width 0: " "
text run at (440,60) width 0: " "
text run at (0,75) width 272: ".five {border-bottom-width: 25px;}"
text run at (272,75) width 0: " "
- RenderBlock {HR} at (0,138) size 769x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,156) size 769x19
+ RenderBlock {HR} at (0,137) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,155) size 769x19
RenderText {#text} at (0,0) size 157x19
text run at (0,0) width 157: "(These will only work if "
RenderInline {CODE} at (0,0) size 96x15
text run at (157,4) width 96: "border-style"
RenderText {#text} at (253,0) size 89x19
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (0,191) size 769x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,190) size 769x18 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,226) size 769x72 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,224) size 769x71 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 387x19
text run at (3,3) width 387: "This element should have a bottom border width of 50 pixels."
- RenderBlock {P} at (0,314) size 769x27 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,311) size 769x26 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 344x19
text run at (3,3) width 344: "This element should have a thick bottom border width."
- RenderBlock {P} at (0,357) size 769x25 [border: (3px solid #000000)]
+ RenderBlock {P} at (0,353) size 769x24 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 364x19
text run at (3,3) width 364: "This element should have a medium bottom border width."
- RenderBlock {P} at (0,398) size 769x23 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,393) size 769x22 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 337x19
text run at (3,3) width 337: "This element should have a thin bottom border width."
- RenderBlock {P} at (0,437) size 769x19
+ RenderBlock {P} at (0,431) size 769x19
RenderText {#text} at (0,0) size 537x19
text run at (0,0) width 537: "This element should have no border and no extra \"padding\" on its bottom side, as no "
RenderInline {CODE} at (0,0) size 96x15
text run at (537,4) width 96: "border-style"
RenderText {#text} at (633,0) size 54x19
text run at (633,0) width 54: " was set."
- RenderBlock {P} at (0,472) size 769x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,466) size 769x18 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderTable {TABLE} at (0,507) size 709x372 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 707x370
- RenderTableRow {TR} at (0,0) size 707x27
- RenderTableCell {TD} at (0,0) size 707x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,500) size 709x365 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 707x363
+ RenderTableRow {TR} at (0,0) size 707x26
+ RenderTableCell {TD} at (0,0) size 707x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 707x343
- RenderTableCell {TD} at (0,185) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 707x337
+ RenderTableCell {TD} at (0,181) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 695x343 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 695x337 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 687x19
RenderText {#text} at (0,0) size 157x19
text run at (0,0) width 157: "(These will only work if "
text run at (157,4) width 96: "border-style"
RenderText {#text} at (253,0) size 89x19
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (4,39) size 687x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,39) size 687x18 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (4,74) size 687x72 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (4,73) size 687x71 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 387x19
text run at (3,3) width 387: "This element should have a bottom border width of 50 pixels."
- RenderBlock {P} at (4,162) size 687x27 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (4,160) size 687x26 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 344x19
text run at (3,3) width 344: "This element should have a thick bottom border width."
- RenderBlock {P} at (4,205) size 687x25 [border: (3px solid #000000)]
+ RenderBlock {P} at (4,202) size 687x24 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 364x19
text run at (3,3) width 364: "This element should have a medium bottom border width."
- RenderBlock {P} at (4,246) size 687x23 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (4,242) size 687x22 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 337x19
text run at (3,3) width 337: "This element should have a thin bottom border width."
- RenderBlock {P} at (4,285) size 687x19
+ RenderBlock {P} at (4,280) size 687x19
RenderText {#text} at (0,0) size 537x19
text run at (0,0) width 537: "This element should have no border and no extra \"padding\" on its bottom side, as no "
RenderInline {CODE} at (0,0) size 96x15
text run at (537,4) width 96: "border-style"
RenderText {#text} at (633,0) size 54x19
text run at (633,0) width 54: " was set."
- RenderBlock {P} at (4,320) size 687x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,315) size 687x18 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x19
+ RenderBlock {P} at (0,0) size 784x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 784x45
+ RenderBlock {PRE} at (0,34) size 784x45
RenderText {#text} at (0,0) size 432x45
text run at (0,0) width 432: ".one {border-bottom-width: 25px; border-style: solid;}"
text run at (432,0) width 0: " "
text run at (432,15) width 0: " "
text run at (0,30) width 280: ".three {border-bottom-width: 25px;}"
text run at (280,30) width 0: " "
- RenderBlock {HR} at (0,93) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,111) size 784x104 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+ RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,110) size 784x102 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 172x19
text run at (3,3) width 172: "This element has a class of "
RenderInline {TT} at (0,0) size 24x15
RenderInline {TT} at (0,0) size 24x15
RenderText {#text} at (507,7) size 24x15
text run at (507,7) width 24: "two"
- RenderText {#text} at (534,3) size 767x57
+ RenderText {#text} at (534,3) size 767x56
text run at (534,3) width 220: ", which should result in a thin solid"
text run at (3,22) width 716: "border on the bottom side of each box in the inline element (and the UA's default border on the other three sides). "
text run at (719,22) width 51: "There is"
- text run at (3,41) width 48: "also an "
+ text run at (3,40) width 48: "also an "
RenderInline {SPAN} at (0,0) size 183x19
- RenderText {#text} at (51,41) size 143x19
- text run at (51,41) width 143: "inline element of class "
+ RenderText {#text} at (51,40) size 143x19
+ text run at (51,40) width 143: "inline element of class "
RenderInline {TT} at (0,0) size 40x15
- RenderText {#text} at (194,45) size 40x15
- text run at (194,45) width 40: "three"
- RenderText {#text} at (234,41) size 770x38
- text run at (234,41) width 539: ", which should have no bottom border width or visible border because no border style"
- text run at (3,60) width 50: "was set."
- RenderTable {TABLE} at (0,231) size 784x141 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x139
- RenderTableRow {TR} at (0,0) size 782x27
- RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (194,44) size 40x15
+ text run at (194,44) width 40: "three"
+ RenderText {#text} at (234,40) size 770x38
+ text run at (234,40) width 539: ", which should have no bottom border width or visible border because no border style"
+ text run at (3,59) width 50: "was set."
+ RenderTable {TABLE} at (0,228) size 784x138 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x136
+ RenderTableRow {TR} at (0,0) size 782x26
+ RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 782x112
- RenderTableCell {TD} at (0,69) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 782x110
+ RenderTableCell {TD} at (0,68) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 770x112 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x104 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+ RenderTableCell {TD} at (12,26) size 770x110 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x102 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 172x19
text run at (3,3) width 172: "This element has a class of "
RenderInline {TT} at (0,0) size 24x15
RenderInline {TT} at (0,0) size 24x15
RenderText {#text} at (507,7) size 24x15
text run at (507,7) width 24: "two"
- RenderText {#text} at (534,3) size 753x57
+ RenderText {#text} at (534,3) size 753x56
text run at (534,3) width 220: ", which should result in a thin solid"
text run at (3,22) width 716: "border on the bottom side of each box in the inline element (and the UA's default border on the other three sides). "
text run at (719,22) width 37: "There"
- text run at (3,41) width 62: "is also an "
+ text run at (3,40) width 62: "is also an "
RenderInline {SPAN} at (0,0) size 183x19
- RenderText {#text} at (65,41) size 143x19
- text run at (65,41) width 143: "inline element of class "
+ RenderText {#text} at (65,40) size 143x19
+ text run at (65,40) width 143: "inline element of class "
RenderInline {TT} at (0,0) size 40x15
- RenderText {#text} at (208,45) size 40x15
- text run at (208,45) width 40: "three"
- RenderText {#text} at (248,41) size 751x38
- text run at (248,41) width 506: ", which should have no bottom border width or visible border because no border"
- text run at (3,60) width 83: "style was set."
+ RenderText {#text} at (208,44) size 40x15
+ text run at (208,44) width 40: "three"
+ RenderText {#text} at (248,40) size 751x38
+ text run at (248,40) width 506: ", which should have no bottom border width or visible border because no border"
+ text run at (3,59) width 83: "style was set."
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x19
+ RenderBlock {P} at (0,0) size 784x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 784x45
+ RenderBlock {PRE} at (0,34) size 784x45
RenderText {#text} at (0,0) size 728x45
text run at (0,0) width 392: ".one {border-color: purple; border-style: solid;}"
text run at (392,0) width 0: " "
text run at (568,15) width 0: " "
text run at (0,30) width 728: ".three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}"
text run at (728,30) width 0: " "
- RenderBlock {HR} at (0,93) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,111) size 784x25 [border: (3px solid #800080)]
+ RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,110) size 784x24 [border: (3px solid #800080)]
RenderText {#text} at (3,3) size 357x19
text run at (3,3) width 357: "This element should have a purple border surrounding it."
- RenderBlock {P} at (0,152) size 784x25 [border: (3px solid #800080)]
+ RenderBlock {P} at (0,150) size 784x24 [border: (3px solid #800080)]
RenderText {#text} at (3,3) size 453x19
text run at (3,3) width 453: "This element should have a medium-width purple border surrounding it."
- RenderBlock {P} at (0,193) size 784x44 [border: (3px solid #800080) (3px solid #008000) (3px solid #0000FF) (3px solid #FFFF00)]
- RenderText {#text} at (3,3) size 763x38
+ RenderBlock {P} at (0,190) size 784x42 [border: (3px solid #800080) (3px solid #008000) (3px solid #0000FF) (3px solid #FFFF00)]
+ RenderText {#text} at (3,3) size 763x37
text run at (3,3) width 763: "This element should be surrounded by a medium width border which is purple on top, green on the right side, blue on the"
- text run at (3,22) width 222: "bottom, and yellow on the left side."
- RenderTable {TABLE} at (0,253) size 784x163 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x161
- RenderTableRow {TR} at (0,0) size 782x27
- RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ text run at (3,21) width 222: "bottom, and yellow on the left side."
+ RenderTable {TABLE} at (0,248) size 784x158 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x156
+ RenderTableRow {TR} at (0,0) size 782x26
+ RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 782x134
- RenderTableCell {TD} at (0,80) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 782x130
+ RenderTableCell {TD} at (0,78) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 770x134 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x25 [border: (3px solid #800080)]
+ RenderTableCell {TD} at (12,26) size 770x130 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x24 [border: (3px solid #800080)]
RenderText {#text} at (3,3) size 357x19
text run at (3,3) width 357: "This element should have a purple border surrounding it."
- RenderBlock {P} at (4,45) size 762x25 [border: (3px solid #800080)]
+ RenderBlock {P} at (4,44) size 762x24 [border: (3px solid #800080)]
RenderText {#text} at (3,3) size 453x19
text run at (3,3) width 453: "This element should have a medium-width purple border surrounding it."
- RenderBlock {P} at (4,86) size 762x44 [border: (3px solid #800080) (3px solid #008000) (3px solid #0000FF) (3px solid #FFFF00)]
- RenderText {#text} at (3,3) size 740x38
+ RenderBlock {P} at (4,84) size 762x42 [border: (3px solid #800080) (3px solid #008000) (3px solid #0000FF) (3px solid #FFFF00)]
+ RenderText {#text} at (3,3) size 740x37
text run at (3,3) width 740: "This element should be surrounded by a medium width border which is purple on top, green on the right side, blue on"
- text run at (3,22) width 245: "the bottom, and yellow on the left side."
+ text run at (3,21) width 245: "the bottom, and yellow on the left side."
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x19
+ RenderBlock {P} at (0,0) size 784x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 784x45
+ RenderBlock {PRE} at (0,34) size 784x45
RenderText {#text} at (0,0) size 728x45
text run at (0,0) width 392: ".one {border-color: purple; border-style: solid;}"
text run at (392,0) width 0: " "
text run at (568,15) width 0: " "
text run at (0,30) width 728: ".three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}"
text run at (728,30) width 0: " "
- RenderBlock {HR} at (0,93) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,111) size 784x76 [bgcolor=#C0C0C0]
+ RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,110) size 784x72 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 677x19
text run at (0,0) width 677: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
RenderInline {SPAN} at (0,0) size 63x25 [border: (3px solid #800080)]
text run at (680,0) width 57: "class one"
RenderText {#text} at (740,0) size 8x19
text run at (740,0) width 8: ", "
- RenderInline {SPAN} at (0,0) size 781x44 [border: (3px solid #800080)]
- RenderText {#text} at (751,0) size 781x38
+ RenderInline {SPAN} at (0,0) size 781x43 [border: (3px solid #800080)]
+ RenderText {#text} at (751,0) size 781x37
text run at (751,0) width 30: "class"
- text run at (0,19) width 24: "two"
- RenderText {#text} at (27,19) size 35x19
- text run at (27,19) width 35: ", and "
+ text run at (0,18) width 24: "two"
+ RenderText {#text} at (27,18) size 35x19
+ text run at (27,18) width 35: ", and "
RenderInline {SPAN} at (0,0) size 71x25 [border: (3px solid #800080) (3px solid #008000) (3px solid #0000FF) (3px solid #FFFF00)]
- RenderText {#text} at (65,19) size 65x19
- text run at (65,19) width 65: "class three"
- RenderText {#text} at (133,19) size 764x57
- text run at (133,19) width 8: ". "
- text run at (141,19) width 623: "The effect for each inline element should be to have a purple medium-width solid border in the first"
- text run at (0,38) width 569: "and second cases, and a purple-green-blue-yellow medium-width solid border in the third. "
- text run at (569,38) width 179: "The line-height of the parent"
- text run at (0,57) width 284: "element should not change at all, on any line."
- RenderTable {TABLE} at (0,203) size 784x113 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x111
- RenderTableRow {TR} at (0,0) size 782x27
- RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (65,18) size 65x19
+ text run at (65,18) width 65: "class three"
+ RenderText {#text} at (133,18) size 764x55
+ text run at (133,18) width 8: ". "
+ text run at (141,18) width 623: "The effect for each inline element should be to have a purple medium-width solid border in the first"
+ text run at (0,36) width 569: "and second cases, and a purple-green-blue-yellow medium-width solid border in the third. "
+ text run at (569,36) width 179: "The line-height of the parent"
+ text run at (0,54) width 284: "element should not change at all, on any line."
+ RenderTable {TABLE} at (0,198) size 784x108 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x106
+ RenderTableRow {TR} at (0,0) size 782x26
+ RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 782x84
- RenderTableCell {TD} at (0,55) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 782x80
+ RenderTableCell {TD} at (0,53) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 770x84 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x76 [bgcolor=#C0C0C0]
+ RenderTableCell {TD} at (12,26) size 770x80 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x72 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 677x19
text run at (0,0) width 677: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
RenderInline {SPAN} at (0,0) size 63x25 [border: (3px solid #800080)]
RenderText {#text} at (740,0) size 4x19
text run at (740,0) width 4: ","
RenderInline {SPAN} at (0,0) size 64x25 [border: (3px solid #800080)]
- RenderText {#text} at (3,19) size 58x19
- text run at (3,19) width 58: "class two"
- RenderText {#text} at (64,19) size 35x19
- text run at (64,19) width 35: ", and "
+ RenderText {#text} at (3,18) size 58x19
+ text run at (3,18) width 58: "class two"
+ RenderText {#text} at (64,18) size 35x19
+ text run at (64,18) width 35: ", and "
RenderInline {SPAN} at (0,0) size 71x25 [border: (3px solid #800080) (3px solid #008000) (3px solid #0000FF) (3px solid #FFFF00)]
- RenderText {#text} at (102,19) size 65x19
- text run at (102,19) width 65: "class three"
- RenderText {#text} at (170,19) size 756x57
- text run at (170,19) width 8: ". "
- text run at (178,19) width 572: "The effect for each inline element should be to have a purple medium-width solid border in"
- text run at (0,38) width 620: "the first and second cases, and a purple-green-blue-yellow medium-width solid border in the third. "
- text run at (620,38) width 136: "The line-height of the"
- text run at (0,57) width 327: "parent element should not change at all, on any line."
+ RenderText {#text} at (102,18) size 65x19
+ text run at (102,18) width 65: "class three"
+ RenderText {#text} at (170,18) size 756x55
+ text run at (170,18) width 8: ". "
+ text run at (178,18) width 572: "The effect for each inline element should be to have a purple medium-width solid border in"
+ text run at (0,36) width 620: "the first and second cases, and a purple-green-blue-yellow medium-width solid border in the third. "
+ text run at (620,36) width 136: "The line-height of the"
+ text run at (0,54) width 327: "parent element should not change at all, on any line."
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x19
+ RenderBlock {P} at (0,0) size 784x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 784x45
+ RenderBlock {PRE} at (0,34) size 784x45
RenderText {#text} at (0,0) size 256x45
text run at (0,0) width 256: ".one {border: 10px teal outset;}"
text run at (256,0) width 0: " "
text run at (0,15) width 256: ".two {border: 10px olive inset;}"
text run at (256,15) width 0: " "
text run at (0,30) width 0: " "
- RenderBlock {HR} at (0,93) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,111) size 784x57 [bgcolor=#C0C0C0]
+ RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,110) size 784x54 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 677x19
text run at (0,0) width 677: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
RenderInline {SPAN} at (0,0) size 77x39 [border: (10px outset #008080)]
RenderText {#text} at (687,0) size 57x19
text run at (687,0) width 57: "class one"
- RenderText {#text} at (754,0) size 758x38
+ RenderText {#text} at (754,0) size 758x37
text run at (754,0) width 4: ","
- text run at (0,19) width 353: "which should result in a 10-pixel outset teal border; and "
+ text run at (0,18) width 353: "which should result in a 10-pixel outset teal border; and "
RenderInline {SPAN} at (0,0) size 78x39 [border: (10px inset #808000)]
- RenderText {#text} at (363,19) size 58x19
- text run at (363,19) width 58: "class two"
- RenderText {#text} at (431,19) size 762x38
- text run at (431,19) width 331: ", which should result in a 10-pixel inset olive border."
- text run at (0,38) width 429: "The line-height of the parent element should not change on any line."
- RenderTable {TABLE} at (0,184) size 784x94 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x92
- RenderTableRow {TR} at (0,0) size 782x27
- RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (363,18) size 58x19
+ text run at (363,18) width 58: "class two"
+ RenderText {#text} at (431,18) size 762x37
+ text run at (431,18) width 331: ", which should result in a 10-pixel inset olive border."
+ text run at (0,36) width 429: "The line-height of the parent element should not change on any line."
+ RenderTable {TABLE} at (0,180) size 784x90 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x88
+ RenderTableRow {TR} at (0,0) size 782x26
+ RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 782x65
- RenderTableCell {TD} at (0,46) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 782x62
+ RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 770x65 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x57 [bgcolor=#C0C0C0]
+ RenderTableCell {TD} at (12,26) size 770x62 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x54 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 677x19
text run at (0,0) width 677: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
RenderInline {SPAN} at (0,0) size 77x39 [border: (10px outset #008080)]
RenderText {#text} at (687,0) size 57x19
text run at (687,0) width 57: "class one"
- RenderText {#text} at (754,0) size 758x38
+ RenderText {#text} at (754,0) size 758x37
text run at (754,0) width 4: ","
- text run at (0,19) width 353: "which should result in a 10-pixel outset teal border; and "
+ text run at (0,18) width 353: "which should result in a 10-pixel outset teal border; and "
RenderInline {SPAN} at (0,0) size 78x39 [border: (10px inset #808000)]
- RenderText {#text} at (363,19) size 58x19
- text run at (363,19) width 58: "class two"
- RenderText {#text} at (431,19) size 762x38
- text run at (431,19) width 331: ", which should result in a 10-pixel inset olive border."
- text run at (0,38) width 429: "The line-height of the parent element should not change on any line."
+ RenderText {#text} at (363,18) size 58x19
+ text run at (363,18) width 58: "class two"
+ RenderText {#text} at (431,18) size 762x37
+ text run at (431,18) width 331: ", which should result in a 10-pixel inset olive border."
+ text run at (0,36) width 429: "The line-height of the parent element should not change on any line."
-layer at (0,0) size 785x1062
+layer at (0,0) size 785x1028
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x1062
- RenderBlock {HTML} at (0,0) size 785x1062
- RenderBody {BODY} at (8,8) size 769x1046 [bgcolor=#CCCCCC]
- RenderBlock {P} at (20,0) size 749x19
+layer at (0,0) size 785x1028
+ RenderBlock {HTML} at (0,0) size 785x1028
+ RenderBody {BODY} at (8,8) size 769x1012 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (20,0) size 749x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 769x105
+ RenderBlock {PRE} at (0,34) size 769x105
RenderText {#text} at (0,0) size 344x105
text run at (0,0) width 176: "P {margin-left: 20px;}"
text run at (176,0) width 0: " "
text run at (328,75) width 0: " "
text run at (0,90) width 272: "TD {border-left: green 2px solid;}"
text run at (272,90) width 0: " "
- RenderBlock {HR} at (0,153) size 769x2 [border: (1px inset #000000)]
- RenderBlock {P} at (20,171) size 749x38
- RenderText {#text} at (0,0) size 707x38
+ RenderBlock {HR} at (0,152) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (20,170) size 749x36
+ RenderText {#text} at (0,0) size 707x37
text run at (0,0) width 634: "Note that all table cells on this page should have a two-pixel solid green border along their left sides. "
text run at (634,0) width 73: "This border"
- text run at (0,19) width 365: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (20,225) size 749x19 [border: (10px double #800080)]
+ text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (20,222) size 749x18 [border: (10px double #800080)]
RenderText {#text} at (10,0) size 414x19
text run at (10,0) width 414: "This paragraph should have a purple, double, 10-pixel left border."
- RenderBlock {P} at (20,260) size 749x19 [border: (1px solid #800080)]
+ RenderBlock {P} at (20,256) size 749x18 [border: (1px solid #800080)]
RenderText {#text} at (1,0) size 331x19
text run at (1,0) width 331: "This paragraph should have a thin purple left border."
- RenderTable {TABLE} at (0,295) size 769x111 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 767x109
- RenderTableRow {TR} at (0,5) size 767x42
- RenderTableCell {TD} at (5,5) size 757x42 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
- RenderText {#text} at (3,2) size 735x38
+ RenderTable {TABLE} at (0,290) size 769x107 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x105
+ RenderTableRow {TR} at (0,5) size 767x40
+ RenderTableCell {TD} at (5,5) size 757x40 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (3,2) size 735x37
text run at (3,2) width 429: "Every cell in this table should have a 2-pixel solid green left border. "
text run at (432,2) width 306: "This is also true of the table-testing section in the"
- text run at (3,21) width 175: "second half of the test page."
- RenderTableRow {TR} at (0,52) size 767x52
- RenderTableCell {TD} at (5,66) size 193x23 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ text run at (3,20) width 175: "second half of the test page."
+ RenderTableRow {TR} at (0,50) size 767x50
+ RenderTableCell {TD} at (5,64) size 193x22 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (3,2) size 53x19
text run at (3,2) width 53: "Cell one"
- RenderTableCell {TD} at (203,52) size 559x52 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (3,2) size 554x19
+ RenderTableCell {TD} at (203,50) size 559x50 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,2) size 554x18
RenderText {#text} at (0,0) size 54x19
text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (3,21) size 162x29 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 160x27
- RenderTableRow {TR} at (0,2) size 160x23
- RenderTableCell {TD} at (2,2) size 156x23 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
+ RenderTable {TABLE} at (3,20) size 162x28 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 160x26
+ RenderTableRow {TR} at (0,2) size 160x22
+ RenderTableCell {TD} at (2,2) size 156x22 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (3,2) size 151x19
text run at (3,2) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (0,422) size 769x152
- RenderListItem {LI} at (40,0) size 729x76 [border: (3px solid #000000)]
- RenderBlock (anonymous) at (3,0) size 726x19
+ RenderBlock {UL} at (0,413) size 769x144
+ RenderListItem {LI} at (40,0) size 729x72 [border: (3px solid #000000)]
+ RenderBlock (anonymous) at (3,0) size 726x18
RenderListMarker at (-21,0) size 7x19: bullet
RenderText {#text} at (0,0) size 118x19
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (3,19) size 726x57
- RenderListItem {LI} at (40,0) size 686x19
+ RenderBlock {UL} at (3,18) size 726x54
+ RenderListItem {LI} at (40,0) size 686x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 73x19
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,19) size 686x19
+ RenderListItem {LI} at (40,18) size 686x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 115x19
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,38) size 686x19
+ RenderListItem {LI} at (40,36) size 686x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 176x19
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,76) size 729x19 [border: (3px solid #800080)]
+ RenderListItem {LI} at (40,72) size 729x18 [border: (3px solid #800080)]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (3,0) size 158x19
text run at (3,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,95) size 729x57 [border: (3px solid #0000FF)]
+ RenderListItem {LI} at (40,90) size 729x54 [border: (3px solid #0000FF)]
RenderListMarker at (-18,0) size 7x19: bullet
- RenderText {#text} at (3,0) size 720x57
+ RenderText {#text} at (3,0) size 720x55
text run at (3,0) width 695: "Each list item in this 'parent' list should have a medium-width border along its left side, in each of three colors. "
text run at (698,0) width 25: "The"
- text run at (3,19) width 719: "first item's border should travel the entire height the nested list (to end near the baseline of the line \"...nested within"
- text run at (3,38) width 490: "the list item.\"), even though the nested list does not have any border styles set."
- RenderTable {TABLE} at (0,590) size 769x456 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 767x454
- RenderTableRow {TR} at (0,0) size 767x27
- RenderTableCell {TD} at (0,0) size 767x27 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ 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"
+ text run at (3,36) width 490: "the list item.\"), even though the nested list does not have any border styles set."
+ RenderTable {TABLE} at (0,573) size 769x439 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x437
+ RenderTableRow {TR} at (0,0) size 767x26
+ RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (5,4) size 163x19
text run at (5,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 767x427
- RenderTableCell {TD} at (0,227) size 13x27 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 767x411
+ RenderTableCell {TD} at (0,218) size 13x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (5,4) size 4x19
text run at (5,4) width 4: " "
- RenderTableCell {TD} at (13,27) size 754x427 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (25,4) size 725x38
- RenderText {#text} at (0,0) size 707x38
+ RenderTableCell {TD} at (13,26) size 754x411 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (25,4) size 725x36
+ RenderText {#text} at (0,0) size 707x37
text run at (0,0) width 634: "Note that all table cells on this page should have a two-pixel solid green border along their left sides. "
text run at (634,0) width 73: "This border"
- text run at (0,19) width 365: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (25,58) size 725x19 [border: (10px double #800080)]
+ text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (25,56) size 725x18 [border: (10px double #800080)]
RenderText {#text} at (10,0) size 414x19
text run at (10,0) width 414: "This paragraph should have a purple, double, 10-pixel left border."
- RenderBlock {P} at (25,93) size 725x19 [border: (1px solid #800080)]
+ RenderBlock {P} at (25,90) size 725x18 [border: (1px solid #800080)]
RenderText {#text} at (1,0) size 331x19
text run at (1,0) width 331: "This paragraph should have a thin purple left border."
- RenderTable {TABLE} at (5,128) size 745x111 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 743x109
- RenderTableRow {TR} at (0,5) size 743x42
- RenderTableCell {TD} at (5,5) size 733x42 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
- RenderText {#text} at (3,2) size 712x38
+ RenderTable {TABLE} at (5,124) size 745x107 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 743x105
+ RenderTableRow {TR} at (0,5) size 743x40
+ RenderTableCell {TD} at (5,5) size 733x40 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (3,2) size 712x37
text run at (3,2) width 429: "Every cell in this table should have a 2-pixel solid green left border. "
text run at (432,2) width 283: "This is also true of the table-testing section in"
- text run at (3,21) width 198: "the second half of the test page."
- RenderTableRow {TR} at (0,52) size 743x52
- RenderTableCell {TD} at (5,66) size 187x23 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ text run at (3,20) width 198: "the second half of the test page."
+ RenderTableRow {TR} at (0,50) size 743x50
+ RenderTableCell {TD} at (5,64) size 187x22 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (3,2) size 53x19
text run at (3,2) width 53: "Cell one"
- RenderTableCell {TD} at (197,52) size 541x52 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (3,2) size 536x19
+ RenderTableCell {TD} at (197,50) size 541x50 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,2) size 536x18
RenderText {#text} at (0,0) size 54x19
text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (3,21) size 162x29 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 160x27
- RenderTableRow {TR} at (0,2) size 160x23
- RenderTableCell {TD} at (2,2) size 156x23 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
+ RenderTable {TABLE} at (3,20) size 162x28 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 160x26
+ RenderTableRow {TR} at (0,2) size 160x22
+ RenderTableCell {TD} at (2,2) size 156x22 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (3,2) size 151x19
text run at (3,2) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (5,255) size 745x152
- RenderListItem {LI} at (40,0) size 705x76 [border: (3px solid #000000)]
- RenderBlock (anonymous) at (3,0) size 702x19
+ RenderBlock {UL} at (5,247) size 745x144
+ RenderListItem {LI} at (40,0) size 705x72 [border: (3px solid #000000)]
+ RenderBlock (anonymous) at (3,0) size 702x18
RenderListMarker at (-21,0) size 7x19: bullet
RenderText {#text} at (0,0) size 118x19
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (3,19) size 702x57
- RenderListItem {LI} at (40,0) size 662x19
+ RenderBlock {UL} at (3,18) size 702x54
+ RenderListItem {LI} at (40,0) size 662x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 73x19
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,19) size 662x19
+ RenderListItem {LI} at (40,18) size 662x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 115x19
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,38) size 662x19
+ RenderListItem {LI} at (40,36) size 662x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 176x19
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,76) size 705x19 [border: (3px solid #800080)]
+ RenderListItem {LI} at (40,72) size 705x18 [border: (3px solid #800080)]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (3,0) size 158x19
text run at (3,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,95) size 705x57 [border: (3px solid #0000FF)]
+ RenderListItem {LI} at (40,90) size 705x54 [border: (3px solid #0000FF)]
RenderListMarker at (-18,0) size 7x19: bullet
- RenderText {#text} at (3,0) size 691x57
+ RenderText {#text} at (3,0) size 691x55
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 colors."
- text run at (3,19) width 641: "The first item's border should travel the entire height the nested list (to end near the baseline of the line"
- text run at (3,38) width 597: "\"...nested within the list item.\"), even though the nested list does not have any border styles set."
+ text run at (3,18) width 641: "The first item's border should travel the entire height the nested list (to end near the baseline of the line"
+ text run at (3,36) width 597: "\"...nested within the list item.\"), even though the nested list does not have any border styles set."
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
- RenderBlock {P} at (20,0) size 764x19
+ RenderBlock {P} at (20,0) size 764x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 784x60
+ RenderBlock {PRE} at (0,34) size 784x60
RenderText {#text} at (0,0) size 312x60
text run at (0,0) width 176: "P {margin-left: 20px;}"
text run at (176,0) width 0: " "
text run at (0,30) width 304: ".two {border-left: purple thin solid;}"
text run at (304,30) width 0: " "
text run at (0,45) width 0: " "
- RenderBlock {HR} at (0,108) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (20,126) size 764x57 [bgcolor=#C0C0C0]
+ RenderBlock {HR} at (0,107) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (20,125) size 764x54 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 760x19
text run at (0,0) width 760: "This paragraph has a background color of silver and a 20-pixel left margin, and it contains inline elements with classes of"
RenderInline {SPAN} at (0,0) size 67x19 [border: (10px double #800080)]
- RenderText {#text} at (10,19) size 57x19
- text run at (10,19) width 57: "class one"
- RenderText {#text} at (67,19) size 389x19
- text run at (67,19) width 389: ", which should have a 10-pixel purple double left border; and "
+ RenderText {#text} at (10,18) size 57x19
+ text run at (10,18) width 57: "class one"
+ RenderText {#text} at (67,18) size 389x19
+ text run at (67,18) width 389: ", which should have a 10-pixel purple double left border; and "
RenderInline {SPAN} at (0,0) size 59x19 [border: (1px solid #800080)]
- RenderText {#text} at (457,19) size 58x19
- text run at (457,19) width 58: "class two"
- RenderText {#text} at (515,19) size 759x38
- text run at (515,19) width 244: ", which should have a thin solid purple"
- text run at (0,38) width 73: "left border. "
- text run at (73,38) width 429: "The line-height of the parent element should not change on any line."
- RenderTable {TABLE} at (0,199) size 784x94 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x92
- RenderTableRow {TR} at (0,0) size 782x27
- RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (457,18) size 58x19
+ text run at (457,18) width 58: "class two"
+ RenderText {#text} at (515,18) size 759x37
+ text run at (515,18) width 244: ", which should have a thin solid purple"
+ text run at (0,36) width 73: "left border. "
+ text run at (73,36) width 429: "The line-height of the parent element should not change on any line."
+ RenderTable {TABLE} at (0,195) size 784x90 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x88
+ RenderTableRow {TR} at (0,0) size 782x26
+ RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 782x65
- RenderTableCell {TD} at (0,46) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 782x62
+ RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 770x65 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (24,4) size 742x57 [bgcolor=#C0C0C0]
- RenderText {#text} at (0,0) size 696x38
+ RenderTableCell {TD} at (12,26) size 770x62 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (24,4) size 742x54 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 696x37
text run at (0,0) width 696: "This paragraph has a background color of silver and a 20-pixel left margin, and it contains inline elements with"
- text run at (0,19) width 64: "classes of "
+ text run at (0,18) width 64: "classes of "
RenderInline {SPAN} at (0,0) size 67x19 [border: (10px double #800080)]
- RenderText {#text} at (74,19) size 57x19
- text run at (74,19) width 57: "class one"
- RenderText {#text} at (131,19) size 389x19
- text run at (131,19) width 389: ", which should have a 10-pixel purple double left border; and "
+ RenderText {#text} at (74,18) size 57x19
+ text run at (74,18) width 57: "class one"
+ RenderText {#text} at (131,18) size 389x19
+ text run at (131,18) width 389: ", which should have a 10-pixel purple double left border; and "
RenderInline {SPAN} at (0,0) size 59x19 [border: (1px solid #800080)]
- RenderText {#text} at (521,19) size 58x19
- text run at (521,19) width 58: "class two"
- RenderText {#text} at (579,19) size 717x38
- text run at (579,19) width 138: ", which should have a"
- text run at (0,38) width 179: "thin solid purple left border. "
- text run at (179,38) width 429: "The line-height of the parent element should not change on any line."
+ RenderText {#text} at (521,18) size 58x19
+ text run at (521,18) width 58: "class two"
+ RenderText {#text} at (579,18) size 717x37
+ text run at (579,18) width 138: ", which should have a"
+ text run at (0,36) width 179: "thin solid purple left border. "
+ text run at (179,36) width 429: "The line-height of the parent element should not change on any line."
-layer at (0,0) size 785x845
+layer at (0,0) size 785x827
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x845
- RenderBlock {HTML} at (0,0) size 785x845
- RenderBody {BODY} at (8,8) size 769x829 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 769x19
+layer at (0,0) size 785x827
+ RenderBlock {HTML} at (0,0) size 785x827
+ RenderBody {BODY} at (8,8) size 769x811 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 769x90
+ RenderBlock {PRE} at (0,34) size 769x90
RenderText {#text} at (0,0) size 448x90
text run at (0,0) width 440: ".zero {background-color: silver; border-left-width: 0;}"
text run at (440,0) width 0: " "
text run at (424,60) width 0: " "
text run at (0,75) width 256: ".five {border-left-width: 25px;}"
text run at (256,75) width 0: " "
- RenderBlock {HR} at (0,138) size 769x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,156) size 769x19
+ RenderBlock {HR} at (0,137) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,155) size 769x19
RenderText {#text} at (0,0) size 157x19
text run at (0,0) width 157: "(These will only work if "
RenderInline {CODE} at (0,0) size 96x15
text run at (157,4) width 96: "border-style"
RenderText {#text} at (253,0) size 89x19
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (0,191) size 769x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,190) size 769x18 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,226) size 769x44 [border: (3px solid #000000) (50px solid #000000)]
- RenderText {#text} at (50,3) size 713x38
+ RenderBlock {P} at (0,224) size 769x42 [border: (3px solid #000000) (50px solid #000000)]
+ RenderText {#text} at (50,3) size 713x37
text run at (50,3) width 713: "This element should have a left border width of 50 pixels, which will be more obvious if the element is more than"
- text run at (50,22) width 86: "one line long."
- RenderBlock {P} at (0,286) size 769x25 [border: (3px solid #000000) (5px solid #000000)]
+ text run at (50,21) width 86: "one line long."
+ RenderBlock {P} at (0,282) size 769x24 [border: (3px solid #000000) (5px solid #000000)]
RenderText {#text} at (5,3) size 760x19
text run at (5,3) width 760: "This element should have a thick left border width, which will be more obvious if the element is more than one line long."
- RenderBlock {P} at (0,327) size 769x44 [border: (3px solid #000000)]
- RenderText {#text} at (3,3) size 744x38
+ RenderBlock {P} at (0,322) size 769x42 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 744x37
text run at (3,3) width 744: "This element should have a medium left border width, which will be more obvious if the element is more than one line"
- text run at (3,22) width 32: "long."
- RenderBlock {P} at (0,387) size 769x25 [border: (3px solid #000000) (1px solid #000000)]
+ text run at (3,21) width 32: "long."
+ RenderBlock {P} at (0,380) size 769x24 [border: (3px solid #000000) (1px solid #000000)]
RenderText {#text} at (1,3) size 753x19
text run at (1,3) width 753: "This element should have a thin left border width, which will be more obvious if the element is more than one line long."
- RenderBlock {P} at (0,428) size 769x19
+ RenderBlock {P} at (0,420) size 769x19
RenderText {#text} at (0,0) size 513x19
text run at (0,0) width 513: "This element should have no border and no extra \"padding\" on its left side, as no "
RenderInline {CODE} at (0,0) size 96x15
text run at (513,4) width 96: "border-style"
RenderText {#text} at (609,0) size 54x19
text run at (609,0) width 54: " was set."
- RenderTable {TABLE} at (0,463) size 769x366 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 767x364
- RenderTableRow {TR} at (0,0) size 767x27
- RenderTableCell {TD} at (0,0) size 767x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,455) size 769x356 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x354
+ RenderTableRow {TR} at (0,0) size 767x26
+ RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 767x337
- RenderTableCell {TD} at (0,182) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 767x328
+ RenderTableCell {TD} at (0,177) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 755x337 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 755x328 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 747x19
RenderText {#text} at (0,0) size 157x19
text run at (0,0) width 157: "(These will only work if "
text run at (157,4) width 96: "border-style"
RenderText {#text} at (253,0) size 89x19
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (4,39) size 747x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,39) size 747x18 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (4,74) size 747x44 [border: (3px solid #000000) (50px solid #000000)]
- RenderText {#text} at (50,3) size 682x38
+ RenderBlock {P} at (4,73) size 747x42 [border: (3px solid #000000) (50px solid #000000)]
+ RenderText {#text} at (50,3) size 682x37
text run at (50,3) width 682: "This element should have a left border width of 50 pixels, which will be more obvious if the element is more"
- text run at (50,22) width 117: "than one line long."
- RenderBlock {P} at (4,134) size 747x44 [border: (3px solid #000000) (5px solid #000000)]
- RenderText {#text} at (5,3) size 724x38
+ text run at (50,21) width 117: "than one line long."
+ RenderBlock {P} at (4,131) size 747x42 [border: (3px solid #000000) (5px solid #000000)]
+ RenderText {#text} at (5,3) size 724x37
text run at (5,3) width 724: "This element should have a thick left border width, which will be more obvious if the element is more than one line"
- text run at (5,22) width 32: "long."
- RenderBlock {P} at (4,194) size 747x44 [border: (3px solid #000000)]
- RenderText {#text} at (3,3) size 717x38
+ text run at (5,21) width 32: "long."
+ RenderBlock {P} at (4,189) size 747x42 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 717x37
text run at (3,3) width 717: "This element should have a medium left border width, which will be more obvious if the element is more than one"
- text run at (3,22) width 59: "line long."
- RenderBlock {P} at (4,254) size 747x44 [border: (3px solid #000000) (1px solid #000000)]
- RenderText {#text} at (1,3) size 717x38
+ text run at (3,21) width 59: "line long."
+ RenderBlock {P} at (4,247) size 747x42 [border: (3px solid #000000) (1px solid #000000)]
+ RenderText {#text} at (1,3) size 717x37
text run at (1,3) width 717: "This element should have a thin left border width, which will be more obvious if the element is more than one line"
- text run at (1,22) width 32: "long."
- RenderBlock {P} at (4,314) size 747x19
+ text run at (1,21) width 32: "long."
+ RenderBlock {P} at (4,305) size 747x19
RenderText {#text} at (0,0) size 513x19
text run at (0,0) width 513: "This element should have no border and no extra \"padding\" on its left side, as no "
RenderInline {CODE} at (0,0) size 96x15
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x19
+ RenderBlock {P} at (0,0) size 784x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 784x45
+ RenderBlock {PRE} at (0,34) size 784x45
RenderText {#text} at (0,0) size 416x45
text run at (0,0) width 416: ".one {border-left-width: 25px; border-style: solid;}"
text run at (416,0) width 0: " "
text run at (416,15) width 0: " "
text run at (0,30) width 264: ".three {border-left-width: 25px;}"
text run at (264,30) width 0: " "
- RenderBlock {HR} at (0,93) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,111) size 784x82 [border: (3px solid #000000) (25px solid #000000)]
+ RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,110) size 784x80 [border: (3px solid #000000) (25px solid #000000)]
RenderText {#text} at (25,3) size 172x19
text run at (25,3) width 172: "This element has a class of "
RenderInline {TT} at (0,0) size 24x15
RenderInline {STRONG} at (0,0) size 27x19
RenderText {#text} at (206,22) size 27x19
text run at (206,22) width 27: "first"
- RenderText {#text} at (233,22) size 750x38
+ RenderText {#text} at (233,22) size 750x37
text run at (233,22) width 505: " box in the inline element (and the UA's default border on the other three sides). "
text run at (738,22) width 37: "There"
- text run at (25,41) width 62: "is also an "
+ text run at (25,40) width 62: "is also an "
RenderInline {SPAN} at (0,0) size 183x19
- RenderText {#text} at (87,41) size 143x19
- text run at (87,41) width 143: "inline element of class "
+ RenderText {#text} at (87,40) size 143x19
+ text run at (87,40) width 143: "inline element of class "
RenderInline {TT} at (0,0) size 40x15
- RenderText {#text} at (230,45) size 40x15
- text run at (230,45) width 40: "three"
- RenderText {#text} at (270,41) size 727x38
- text run at (270,41) width 482: ", which should have no left border width or visible border because no border"
- text run at (25,60) width 83: "style was set."
- RenderTable {TABLE} at (0,209) size 784x119 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x117
- RenderTableRow {TR} at (0,0) size 782x27
- RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (230,44) size 40x15
+ text run at (230,44) width 40: "three"
+ RenderText {#text} at (270,40) size 727x38
+ text run at (270,40) width 482: ", which should have no left border width or visible border because no border"
+ text run at (25,59) width 83: "style was set."
+ RenderTable {TABLE} at (0,206) size 784x116 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x114
+ RenderTableRow {TR} at (0,0) size 782x26
+ RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 782x90
- RenderTableCell {TD} at (0,58) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 782x88
+ RenderTableCell {TD} at (0,57) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 770x90 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x82 [border: (3px solid #000000) (25px solid #000000)]
+ RenderTableCell {TD} at (12,26) size 770x88 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x80 [border: (3px solid #000000) (25px solid #000000)]
RenderText {#text} at (25,3) size 172x19
text run at (25,3) width 172: "This element has a class of "
RenderInline {TT} at (0,0) size 24x15
RenderInline {STRONG} at (0,0) size 27x19
RenderText {#text} at (240,22) size 27x19
text run at (240,22) width 27: "first"
- RenderText {#text} at (267,22) size 699x38
+ RenderText {#text} at (267,22) size 699x37
text run at (267,22) width 457: " box in the inline element (and the UA's default border on the other three"
- text run at (25,41) width 44: "sides). "
- text run at (69,41) width 103: "There is also an "
+ text run at (25,40) width 44: "sides). "
+ text run at (69,40) width 103: "There is also an "
RenderInline {SPAN} at (0,0) size 183x19
- RenderText {#text} at (172,41) size 143x19
- text run at (172,41) width 143: "inline element of class "
+ RenderText {#text} at (172,40) size 143x19
+ text run at (172,40) width 143: "inline element of class "
RenderInline {TT} at (0,0) size 40x15
- RenderText {#text} at (315,45) size 40x15
- text run at (315,45) width 40: "three"
- RenderText {#text} at (355,41) size 693x38
- text run at (355,41) width 363: ", which should have no left border width or visible border"
- text run at (25,60) width 202: "because no border style was set."
+ RenderText {#text} at (315,44) size 40x15
+ text run at (315,44) width 40: "three"
+ RenderText {#text} at (355,40) size 693x38
+ text run at (355,40) width 363: ", which should have no left border width or visible border"
+ text run at (25,59) width 202: "because no border style was set."
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 764x19
+ RenderBlock {P} at (0,0) size 764x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 784x60
+ RenderBlock {PRE} at (0,34) size 784x60
RenderText {#text} at (0,0) size 320x60
text run at (0,0) width 184: "P {margin-right: 20px;}"
text run at (184,0) width 0: " "
text run at (0,30) width 312: ".two {border-right: purple thin solid;}"
text run at (312,30) width 0: " "
text run at (0,45) width 0: " "
- RenderBlock {HR} at (0,108) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,126) size 764x57 [bgcolor=#C0C0C0]
- RenderText {#text} at (0,0) size 752x38
+ RenderBlock {HR} at (0,107) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,125) size 764x54 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 752x37
text run at (0,0) width 752: "This paragraph has a background color of silver and a 20-pixel right margin, and it contains inline elements with classes"
- text run at (0,19) width 17: "of "
+ text run at (0,18) width 17: "of "
RenderInline {SPAN} at (0,0) size 67x19 [border: (10px double #800080) none]
- RenderText {#text} at (17,19) size 57x19
- text run at (17,19) width 57: "class one"
- RenderText {#text} at (84,19) size 398x19
- text run at (84,19) width 398: ", which should have a 10-pixel purple double right border; and "
+ RenderText {#text} at (17,18) size 57x19
+ text run at (17,18) width 57: "class one"
+ RenderText {#text} at (84,18) size 398x19
+ text run at (84,18) width 398: ", which should have a 10-pixel purple double right border; and "
RenderInline {SPAN} at (0,0) size 59x19 [border: (1px solid #800080) none]
- RenderText {#text} at (482,19) size 58x19
- text run at (482,19) width 58: "class two"
- RenderText {#text} at (541,19) size 741x38
- text run at (541,19) width 200: ", which should have a thin solid"
- text run at (0,38) width 126: "purple right border. "
- text run at (126,38) width 429: "The line-height of the parent element should not change on any line."
- RenderTable {TABLE} at (0,199) size 784x94 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x92
- RenderTableRow {TR} at (0,0) size 782x27
- RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (482,18) size 58x19
+ text run at (482,18) width 58: "class two"
+ RenderText {#text} at (541,18) size 741x37
+ text run at (541,18) width 200: ", which should have a thin solid"
+ text run at (0,36) width 126: "purple right border. "
+ text run at (126,36) width 429: "The line-height of the parent element should not change on any line."
+ RenderTable {TABLE} at (0,195) size 784x90 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x88
+ RenderTableRow {TR} at (0,0) size 782x26
+ RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 782x65
- RenderTableCell {TD} at (0,46) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 782x62
+ RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 770x65 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 742x57 [bgcolor=#C0C0C0]
- RenderText {#text} at (0,0) size 705x38
+ RenderTableCell {TD} at (12,26) size 770x62 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 742x54 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 705x37
text run at (0,0) width 705: "This paragraph has a background color of silver and a 20-pixel right margin, and it contains inline elements with"
- text run at (0,19) width 64: "classes of "
+ text run at (0,18) width 64: "classes of "
RenderInline {SPAN} at (0,0) size 67x19 [border: (10px double #800080) none]
- RenderText {#text} at (64,19) size 57x19
- text run at (64,19) width 57: "class one"
- RenderText {#text} at (131,19) size 398x19
- text run at (131,19) width 398: ", which should have a 10-pixel purple double right border; and "
+ RenderText {#text} at (64,18) size 57x19
+ text run at (64,18) width 57: "class one"
+ RenderText {#text} at (131,18) size 398x19
+ text run at (131,18) width 398: ", which should have a 10-pixel purple double right border; and "
RenderInline {SPAN} at (0,0) size 59x19 [border: (1px solid #800080) none]
- RenderText {#text} at (529,19) size 58x19
- text run at (529,19) width 58: "class two"
- RenderText {#text} at (588,19) size 726x38
- text run at (588,19) width 138: ", which should have a"
- text run at (0,38) width 188: "thin solid purple right border. "
- text run at (188,38) width 429: "The line-height of the parent element should not change on any line."
+ RenderText {#text} at (529,18) size 58x19
+ text run at (529,18) width 58: "class two"
+ RenderText {#text} at (588,18) size 726x37
+ text run at (588,18) width 138: ", which should have a"
+ text run at (0,36) width 188: "thin solid purple right border. "
+ text run at (188,36) width 429: "The line-height of the parent element should not change on any line."
-layer at (0,0) size 785x1119
+layer at (0,0) size 785x1082
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x1119
- RenderBlock {HTML} at (0,0) size 785x1119
- RenderBody {BODY} at (8,8) size 769x1103 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 749x19
+layer at (0,0) size 785x1082
+ RenderBlock {HTML} at (0,0) size 785x1082
+ RenderBody {BODY} at (8,8) size 769x1066 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 749x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 769x105
+ RenderBlock {PRE} at (0,34) size 769x105
RenderText {#text} at (0,0) size 352x105
text run at (0,0) width 184: "P {margin-right: 20px;}"
text run at (184,0) width 0: " "
text run at (336,75) width 0: " "
text run at (0,90) width 280: "TD {border-right: green 2px solid;}"
text run at (280,90) width 0: " "
- RenderBlock {HR} at (0,153) size 769x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,171) size 749x38
- RenderText {#text} at (0,0) size 716x38
+ RenderBlock {HR} at (0,152) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,170) size 749x36
+ RenderText {#text} at (0,0) size 716x37
text run at (0,0) width 643: "Note that all table cells on this page should have a two-pixel solid green border along their right sides. "
text run at (643,0) width 73: "This border"
- text run at (0,19) width 365: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (0,225) size 749x19 [border: (10px double #800080) none]
+ text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (0,222) size 749x18 [border: (10px double #800080) none]
RenderText {#text} at (0,0) size 423x19
text run at (0,0) width 423: "This paragraph should have a purple, double, 10-pixel right border."
- RenderBlock {P} at (0,260) size 749x19 [border: (1px solid #800080) none]
+ RenderBlock {P} at (0,256) size 749x18 [border: (1px solid #800080) none]
RenderText {#text} at (0,0) size 340x19
text run at (0,0) width 340: "This paragraph should have a thin purple right border."
- RenderTable {TABLE} at (0,295) size 769x111 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 767x109
- RenderTableRow {TR} at (0,5) size 767x42
- RenderTableCell {TD} at (5,5) size 757x42 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
- RenderText {#text} at (2,2) size 744x38
+ RenderTable {TABLE} at (0,290) size 769x107 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x105
+ RenderTableRow {TR} at (0,5) size 767x40
+ RenderTableCell {TD} at (5,5) size 757x40 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (2,2) size 744x37
text run at (2,2) width 438: "Every cell in this table should have a 2-pixel solid green right border. "
text run at (440,2) width 306: "This is also true of the table-testing section in the"
- text run at (2,21) width 175: "second half of the test page."
- RenderTableRow {TR} at (0,52) size 767x52
- RenderTableCell {TD} at (5,66) size 193x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ text run at (2,20) width 175: "second half of the test page."
+ RenderTableRow {TR} at (0,50) size 767x50
+ RenderTableCell {TD} at (5,64) size 193x22 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 53x19
text run at (2,2) width 53: "Cell one"
- RenderTableCell {TD} at (203,52) size 559x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 554x19
+ RenderTableCell {TD} at (203,50) size 559x50 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 554x18
RenderText {#text} at (0,0) size 54x19
text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (2,21) size 162x29 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 160x27
- RenderTableRow {TR} at (0,2) size 160x23
- RenderTableCell {TD} at (2,2) size 156x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderTable {TABLE} at (2,20) size 162x28 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 160x26
+ RenderTableRow {TR} at (0,2) size 160x22
+ RenderTableCell {TD} at (2,2) size 156x22 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 151x19
text run at (2,2) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (0,422) size 769x171
- RenderListItem {LI} at (40,0) size 729x76 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,0) size 726x19
+ RenderBlock {UL} at (0,413) size 769x162
+ RenderListItem {LI} at (40,0) size 729x72 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 726x18
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 118x19
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (0,19) size 726x57
- RenderListItem {LI} at (40,0) size 686x19
+ RenderBlock {UL} at (0,18) size 726x54
+ RenderListItem {LI} at (40,0) size 686x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 73x19
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,19) size 686x19
+ RenderListItem {LI} at (40,18) size 686x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 115x19
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,38) size 686x19
+ RenderListItem {LI} at (40,36) size 686x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 176x19
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,76) size 729x19 [border: (3px solid #800080) none]
+ RenderListItem {LI} at (40,72) size 729x18 [border: (3px solid #800080) none]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 158x19
text run at (0,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,95) size 729x76 [border: (3px solid #0000FF) none]
+ RenderListItem {LI} at (40,90) size 729x72 [border: (3px solid #0000FF) none]
RenderListMarker at (-18,0) size 7x19: bullet
- RenderText {#text} at (0,0) size 707x76
+ RenderText {#text} at (0,0) size 707x73
text run at (0,0) width 700: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of three colors."
- text run at (0,19) width 704: "The first item's border should travel the entire height the nested list (to end near the baseline of the line \"...nested"
- text run at (0,38) width 538: "within the list item.\"), even though the nested list does not have any border styles set. "
- text run at (538,38) width 169: "The borders should line up"
- text run at (0,57) width 621: "together at the right edge of the document's body, as each list element has a default width of 100%."
- RenderTable {TABLE} at (0,609) size 769x494 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 767x492
- RenderTableRow {TR} at (0,0) size 767x27
- 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]
+ text run at (0,18) width 704: "The first item's border should travel the entire height the nested list (to end near the baseline of the line \"...nested"
+ text run at (0,36) width 538: "within the list item.\"), even though the nested list does not have any border styles set. "
+ text run at (538,36) width 169: "The borders should line up"
+ text run at (0,54) width 621: "together at the right edge of the document's body, as each list element has a default width of 100%."
+ RenderTable {TABLE} at (0,591) size 769x475 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x473
+ RenderTableRow {TR} at (0,0) size 767x26
+ RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 767x465
- RenderTableCell {TD} at (0,246) size 13x27 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 767x447
+ RenderTableCell {TD} at (0,236) size 13x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (13,27) size 754x465 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 725x38
- RenderText {#text} at (0,0) size 716x38
+ RenderTableCell {TD} at (13,26) size 754x447 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 725x36
+ RenderText {#text} at (0,0) size 716x37
text run at (0,0) width 643: "Note that all table cells on this page should have a two-pixel solid green border along their right sides. "
text run at (643,0) width 73: "This border"
- text run at (0,19) width 365: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (4,58) size 725x19 [border: (10px double #800080) none]
+ text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (4,56) size 725x18 [border: (10px double #800080) none]
RenderText {#text} at (0,0) size 423x19
text run at (0,0) width 423: "This paragraph should have a purple, double, 10-pixel right border."
- RenderBlock {P} at (4,93) size 725x19 [border: (1px solid #800080) none]
+ RenderBlock {P} at (4,90) size 725x18 [border: (1px solid #800080) none]
RenderText {#text} at (0,0) size 340x19
text run at (0,0) width 340: "This paragraph should have a thin purple right border."
- RenderTable {TABLE} at (4,128) size 745x111 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 743x109
- RenderTableRow {TR} at (0,5) size 743x42
- RenderTableCell {TD} at (5,5) size 733x42 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
- RenderText {#text} at (2,2) size 721x38
+ RenderTable {TABLE} at (4,124) size 745x107 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 743x105
+ RenderTableRow {TR} at (0,5) size 743x40
+ RenderTableCell {TD} at (5,5) size 733x40 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (2,2) size 721x37
text run at (2,2) width 438: "Every cell in this table should have a 2-pixel solid green right border. "
text run at (440,2) width 283: "This is also true of the table-testing section in"
- text run at (2,21) width 198: "the second half of the test page."
- RenderTableRow {TR} at (0,52) size 743x52
- RenderTableCell {TD} at (5,66) size 186x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ text run at (2,20) width 198: "the second half of the test page."
+ RenderTableRow {TR} at (0,50) size 743x50
+ RenderTableCell {TD} at (5,64) size 186x22 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 53x19
text run at (2,2) width 53: "Cell one"
- RenderTableCell {TD} at (196,52) size 542x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 537x19
+ RenderTableCell {TD} at (196,50) size 542x50 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 537x18
RenderText {#text} at (0,0) size 54x19
text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (2,21) size 162x29 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 160x27
- RenderTableRow {TR} at (0,2) size 160x23
- RenderTableCell {TD} at (2,2) size 156x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderTable {TABLE} at (2,20) size 162x28 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 160x26
+ RenderTableRow {TR} at (0,2) size 160x22
+ RenderTableCell {TD} at (2,2) size 156x22 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 151x19
text run at (2,2) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (4,255) size 745x190
- RenderListItem {LI} at (40,0) size 705x76 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,0) size 702x19
+ RenderBlock {UL} at (4,247) size 745x180
+ RenderListItem {LI} at (40,0) size 705x72 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 702x18
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 118x19
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (0,19) size 702x57
- RenderListItem {LI} at (40,0) size 662x19
+ RenderBlock {UL} at (0,18) size 702x54
+ RenderListItem {LI} at (40,0) size 662x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 73x19
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,19) size 662x19
+ RenderListItem {LI} at (40,18) size 662x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 115x19
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,38) size 662x19
+ RenderListItem {LI} at (40,36) size 662x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 176x19
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,76) size 705x19 [border: (3px solid #800080) none]
+ RenderListItem {LI} at (40,72) size 705x18 [border: (3px solid #800080) none]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 158x19
text run at (0,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,95) size 705x95 [border: (3px solid #0000FF) none]
+ RenderListItem {LI} at (40,90) size 705x90 [border: (3px solid #0000FF) none]
RenderListMarker at (-18,0) size 7x19: bullet
- RenderText {#text} at (0,0) size 700x95
+ RenderText {#text} at (0,0) size 700x91
text run at (0,0) width 700: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of three colors."
- text run at (0,19) width 641: "The first item's border should travel the entire height the nested list (to end near the baseline of the line"
- text run at (0,38) width 601: "\"...nested within the list item.\"), even though the nested list does not have any border styles set. "
- text run at (601,38) width 76: "The borders"
- text run at (0,57) width 669: "should line up together at the right edge of the document's body, as each list element has a default width of"
- text run at (0,76) width 41: "100%."
+ text run at (0,18) width 641: "The first item's border should travel the entire height the nested list (to end near the baseline of the line"
+ text run at (0,36) width 601: "\"...nested within the list item.\"), even though the nested list does not have any border styles set. "
+ text run at (601,36) width 76: "The borders"
+ text run at (0,54) width 669: "should line up together at the right edge of the document's body, as each list element has a default width of"
+ text run at (0,72) width 41: "100%."
-layer at (0,0) size 785x864
+layer at (0,0) size 785x845
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x864
- RenderBlock {HTML} at (0,0) size 785x864
- RenderBody {BODY} at (8,8) size 769x848 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 769x19
+layer at (0,0) size 785x845
+ RenderBlock {HTML} at (0,0) size 785x845
+ RenderBody {BODY} at (8,8) size 769x829 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 769x90
+ RenderBlock {PRE} at (0,34) size 769x90
RenderText {#text} at (0,0) size 456x90
text run at (0,0) width 448: ".zero {background-color: silver; border-right-width: 0;}"
text run at (448,0) width 0: " "
text run at (432,60) width 0: " "
text run at (0,75) width 272: ".five {border-right-width: 100px;}"
text run at (272,75) width 0: " "
- RenderBlock {HR} at (0,138) size 769x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,156) size 769x19
+ RenderBlock {HR} at (0,137) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,155) size 769x19
RenderText {#text} at (0,0) size 157x19
text run at (0,0) width 157: "(These will only work if "
RenderInline {CODE} at (0,0) size 96x15
text run at (157,4) width 96: "border-style"
RenderText {#text} at (253,0) size 89x19
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (0,191) size 769x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,190) size 769x18 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,226) size 769x44 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
- RenderText {#text} at (3,3) size 722x38
+ RenderBlock {P} at (0,224) size 769x42 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 722x37
text run at (3,3) width 722: "This element should have a right border width of 25 pixels, which will be more obvious if the element is more than"
- text run at (3,22) width 86: "one line long."
- RenderBlock {P} at (0,286) size 769x44 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
- RenderText {#text} at (3,3) size 733x38
+ text run at (3,21) width 86: "one line long."
+ RenderBlock {P} at (0,282) size 769x42 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 733x37
text run at (3,3) width 733: "This element should have a thick right border width, which will be more obvious if the element is more than one line"
- text run at (3,22) width 32: "long."
- RenderBlock {P} at (0,346) size 769x44 [border: (3px solid #000000)]
- RenderText {#text} at (3,3) size 753x38
+ text run at (3,21) width 32: "long."
+ RenderBlock {P} at (0,340) size 769x42 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 753x37
text run at (3,3) width 753: "This element should have a medium right border width, which will be more obvious if the element is more than one line"
- text run at (3,22) width 32: "long."
- RenderBlock {P} at (0,406) size 769x25 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ text run at (3,21) width 32: "long."
+ RenderBlock {P} at (0,398) size 769x24 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 762x19
text run at (3,3) width 762: "This element should have a thin right border width, which will be more obvious if the element is more than one line long."
- RenderBlock {P} at (0,447) size 769x19
+ RenderBlock {P} at (0,438) size 769x19
RenderText {#text} at (0,0) size 522x19
text run at (0,0) width 522: "This element should have no border and no extra \"padding\" on its right side, as no "
RenderInline {CODE} at (0,0) size 96x15
text run at (522,4) width 96: "border-style"
RenderText {#text} at (618,0) size 54x19
text run at (618,0) width 54: " was set."
- RenderTable {TABLE} at (0,482) size 769x366 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 767x364
- RenderTableRow {TR} at (0,0) size 767x27
- RenderTableCell {TD} at (0,0) size 767x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,473) size 769x356 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x354
+ RenderTableRow {TR} at (0,0) size 767x26
+ RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 767x337
- RenderTableCell {TD} at (0,182) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 767x328
+ RenderTableCell {TD} at (0,177) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 755x337 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 755x328 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 747x19
RenderText {#text} at (0,0) size 157x19
text run at (0,0) width 157: "(These will only work if "
text run at (157,4) width 96: "border-style"
RenderText {#text} at (253,0) size 89x19
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (4,39) size 747x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,39) size 747x18 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (4,74) size 747x44 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
- RenderText {#text} at (3,3) size 691x38
+ RenderBlock {P} at (4,73) size 747x42 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 691x37
text run at (3,3) width 691: "This element should have a right border width of 25 pixels, which will be more obvious if the element is more"
- text run at (3,22) width 117: "than one line long."
- RenderBlock {P} at (4,134) size 747x44 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
- RenderText {#text} at (3,3) size 733x38
+ text run at (3,21) width 117: "than one line long."
+ RenderBlock {P} at (4,131) size 747x42 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 733x37
text run at (3,3) width 733: "This element should have a thick right border width, which will be more obvious if the element is more than one line"
- text run at (3,22) width 32: "long."
- RenderBlock {P} at (4,194) size 747x44 [border: (3px solid #000000)]
- RenderText {#text} at (3,3) size 726x38
+ text run at (3,21) width 32: "long."
+ RenderBlock {P} at (4,189) size 747x42 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 726x37
text run at (3,3) width 726: "This element should have a medium right border width, which will be more obvious if the element is more than one"
- text run at (3,22) width 59: "line long."
- RenderBlock {P} at (4,254) size 747x44 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
- RenderText {#text} at (3,3) size 726x38
+ text run at (3,21) width 59: "line long."
+ RenderBlock {P} at (4,247) size 747x42 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 726x37
text run at (3,3) width 726: "This element should have a thin right border width, which will be more obvious if the element is more than one line"
- text run at (3,22) width 32: "long."
- RenderBlock {P} at (4,314) size 747x19
+ text run at (3,21) width 32: "long."
+ RenderBlock {P} at (4,305) size 747x19
RenderText {#text} at (0,0) size 522x19
text run at (0,0) width 522: "This element should have no border and no extra \"padding\" on its right side, as no "
RenderInline {CODE} at (0,0) size 96x15
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x19
+ RenderBlock {P} at (0,0) size 784x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 784x45
+ RenderBlock {PRE} at (0,34) size 784x45
RenderText {#text} at (0,0) size 424x45
text run at (0,0) width 424: ".one {border-right-width: 25px; border-style: solid;}"
text run at (424,0) width 0: " "
text run at (424,15) width 0: " "
text run at (0,30) width 272: ".three {border-right-width: 25px;}"
text run at (272,30) width 0: " "
- RenderBlock {HR} at (0,93) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,111) size 784x82 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+ RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,110) size 784x80 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 172x19
text run at (3,3) width 172: "This element has a class of "
RenderInline {TT} at (0,0) size 24x15
RenderInline {STRONG} at (0,0) size 23x19
RenderText {#text} at (193,22) size 23x19
text run at (193,22) width 23: "last"
- RenderText {#text} at (216,22) size 756x38
+ RenderText {#text} at (216,22) size 756x37
text run at (216,22) width 506: " box of the inline element (and the UA's default border on the other three sides). "
text run at (722,22) width 37: "There"
- text run at (3,41) width 62: "is also an "
+ text run at (3,40) width 62: "is also an "
RenderInline {SPAN} at (0,0) size 183x19
- RenderText {#text} at (65,41) size 143x19
- text run at (65,41) width 143: "inline element of class "
+ RenderText {#text} at (65,40) size 143x19
+ text run at (65,40) width 143: "inline element of class "
RenderInline {TT} at (0,0) size 40x15
- RenderText {#text} at (208,45) size 40x15
- text run at (208,45) width 40: "three"
- RenderText {#text} at (248,41) size 736x38
- text run at (248,41) width 491: ", which should have no right border width or visible border because no border"
- text run at (3,60) width 83: "style was set."
- RenderTable {TABLE} at (0,209) size 784x119 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x117
- RenderTableRow {TR} at (0,0) size 782x27
- RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (208,44) size 40x15
+ text run at (208,44) width 40: "three"
+ RenderText {#text} at (248,40) size 736x38
+ text run at (248,40) width 491: ", which should have no right border width or visible border because no border"
+ text run at (3,59) width 83: "style was set."
+ RenderTable {TABLE} at (0,206) size 784x116 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x114
+ RenderTableRow {TR} at (0,0) size 782x26
+ RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 782x90
- RenderTableCell {TD} at (0,58) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 782x88
+ RenderTableCell {TD} at (0,57) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 770x90 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x82 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+ RenderTableCell {TD} at (12,26) size 770x88 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x80 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 172x19
text run at (3,3) width 172: "This element has a class of "
RenderInline {TT} at (0,0) size 24x15
RenderInline {STRONG} at (0,0) size 23x19
RenderText {#text} at (227,22) size 23x19
text run at (227,22) width 23: "last"
- RenderText {#text} at (250,22) size 705x38
+ RenderText {#text} at (250,22) size 705x37
text run at (250,22) width 458: " box of the inline element (and the UA's default border on the other three"
- text run at (3,41) width 44: "sides). "
- text run at (47,41) width 103: "There is also an "
+ text run at (3,40) width 44: "sides). "
+ text run at (47,40) width 103: "There is also an "
RenderInline {SPAN} at (0,0) size 183x19
- RenderText {#text} at (150,41) size 143x19
- text run at (150,41) width 143: "inline element of class "
+ RenderText {#text} at (150,40) size 143x19
+ text run at (150,40) width 143: "inline element of class "
RenderInline {TT} at (0,0) size 40x15
- RenderText {#text} at (293,45) size 40x15
- text run at (293,45) width 40: "three"
- RenderText {#text} at (333,41) size 702x38
- text run at (333,41) width 372: ", which should have no right border width or visible border"
- text run at (3,60) width 202: "because no border style was set."
+ RenderText {#text} at (293,44) size 40x15
+ text run at (293,44) width 40: "three"
+ RenderText {#text} at (333,40) size 702x38
+ text run at (333,40) width 372: ", which should have no right border width or visible border"
+ text run at (3,59) width 202: "because no border style was set."
-layer at (0,0) size 785x1329
+layer at (0,0) size 785x1301
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x1329
- RenderBlock {HTML} at (0,0) size 785x1329
- RenderBody {BODY} at (8,8) size 769x1313 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 769x19
+layer at (0,0) size 785x1301
+ RenderBlock {HTML} at (0,0) size 785x1301
+ RenderBody {BODY} at (8,8) size 769x1285 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 769x180
+ RenderBlock {PRE} at (0,34) size 769x180
RenderText {#text} at (0,0) size 632x180
text run at (0,0) width 560: ".one {border-style: dotted; border-color: black; border-width: thick;}"
text run at (560,0) width 0: " "
text run at (368,150) width 0: " "
text run at (0,165) width 552: ".eleven {border-style: none; border-color: red; border-width: thick;}"
text run at (552,165) width 0: " "
- RenderBlock {HR} at (0,228) size 769x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,246) size 769x29 [border: (5px dotted #000000)]
+ RenderBlock {HR} at (0,227) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,245) size 769x28 [border: (5px dotted #000000)]
RenderText {#text} at (5,5) size 472x19
text run at (5,5) width 472: "This paragraph should have a thick black dotted border all the way around."
- RenderBlock {P} at (0,291) size 769x29 [border: (5px dashed #000000)]
+ RenderBlock {P} at (0,289) size 769x28 [border: (5px dashed #000000)]
RenderText {#text} at (5,5) size 477x19
text run at (5,5) width 477: "This paragraph should have a thick black dashed border all the way around."
- RenderBlock {P} at (0,336) size 769x29 [border: (5px solid #000000)]
+ RenderBlock {P} at (0,333) size 769x28 [border: (5px solid #000000)]
RenderText {#text} at (5,5) size 463x19
text run at (5,5) width 463: "This paragraph should have a thick black solid border all the way around."
- RenderBlock {P} at (0,381) size 769x29 [border: (5px double #000000)]
+ RenderBlock {P} at (0,377) size 769x28 [border: (5px double #000000)]
RenderText {#text} at (5,5) size 476x19
text run at (5,5) width 476: "This paragraph should have a thick black double border all the way around."
- RenderBlock {P} at (0,426) size 769x29 [border: (5px groove #808000)]
+ RenderBlock {P} at (0,421) size 769x28 [border: (5px groove #808000)]
RenderText {#text} at (5,5) size 474x19
text run at (5,5) width 474: "This paragraph should have a thick olive groove border all the way around."
- RenderBlock {P} at (0,471) size 769x29 [border: (5px ridge #808000)]
+ RenderBlock {P} at (0,465) size 769x28 [border: (5px ridge #808000)]
RenderText {#text} at (5,5) size 462x19
text run at (5,5) width 462: "This paragraph should have a thick olive ridge border all the way around."
- RenderBlock {P} at (0,516) size 769x29 [border: (5px inset #808000)]
+ RenderBlock {P} at (0,509) size 769x28 [border: (5px inset #808000)]
RenderText {#text} at (5,5) size 459x19
text run at (5,5) width 459: "This paragraph should have a thick olive inset border all the way around."
- RenderBlock {P} at (0,561) size 769x29 [border: (5px outset #808000)]
+ RenderBlock {P} at (0,553) size 769x28 [border: (5px outset #808000)]
RenderText {#text} at (5,5) size 467x19
text run at (5,5) width 467: "This paragraph should have a thick olive outset border all the way around."
- RenderBlock {P} at (0,606) size 769x48 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
- RenderText {#text} at (5,5) size 744x38
+ RenderBlock {P} at (0,597) size 769x46 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
+ RenderText {#text} at (5,5) size 744x37
text run at (5,5) width 617: "This paragraph should have thick double top and bottom borders, and thick grooved side borders. "
text run at (622,5) width 127: "The color of all four"
- text run at (5,24) width 204: "sides should be based on purple."
- RenderBlock {P} at (0,670) size 769x48 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
- RenderText {#text} at (5,5) size 727x38
+ text run at (5,23) width 204: "sides should be based on purple."
+ RenderBlock {P} at (0,659) size 769x46 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
+ RenderText {#text} at (5,5) size 727x37
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. "
text run at (707,5) width 25: "The"
- text run at (5,24) width 306: "color of all four sides should be based on purple."
- RenderBlock {P} at (0,734) size 769x19
+ text run at (5,23) width 306: "color of all four sides should be based on purple."
+ RenderBlock {P} at (0,721) size 769x18
RenderText {#text} at (0,0) size 278x19
text run at (0,0) width 278: "This paragraph should have no border at all."
- RenderTable {TABLE} at (0,769) size 769x544 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 767x542
- RenderTableRow {TR} at (0,0) size 767x27
- RenderTableCell {TD} at (0,0) size 767x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,755) size 769x530 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x528
+ RenderTableRow {TR} at (0,0) size 767x26
+ RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 767x515
- RenderTableCell {TD} at (0,271) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 767x502
+ RenderTableCell {TD} at (0,264) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 755x515 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 747x29 [border: (5px dotted #000000)]
+ RenderTableCell {TD} at (12,26) size 755x502 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 747x28 [border: (5px dotted #000000)]
RenderText {#text} at (5,5) size 472x19
text run at (5,5) width 472: "This paragraph should have a thick black dotted border all the way around."
- RenderBlock {P} at (4,49) size 747x29 [border: (5px dashed #000000)]
+ RenderBlock {P} at (4,48) size 747x28 [border: (5px dashed #000000)]
RenderText {#text} at (5,5) size 477x19
text run at (5,5) width 477: "This paragraph should have a thick black dashed border all the way around."
- RenderBlock {P} at (4,94) size 747x29 [border: (5px solid #000000)]
+ RenderBlock {P} at (4,92) size 747x28 [border: (5px solid #000000)]
RenderText {#text} at (5,5) size 463x19
text run at (5,5) width 463: "This paragraph should have a thick black solid border all the way around."
- RenderBlock {P} at (4,139) size 747x29 [border: (5px double #000000)]
+ RenderBlock {P} at (4,136) size 747x28 [border: (5px double #000000)]
RenderText {#text} at (5,5) size 476x19
text run at (5,5) width 476: "This paragraph should have a thick black double border all the way around."
- RenderBlock {P} at (4,184) size 747x29 [border: (5px groove #808000)]
+ RenderBlock {P} at (4,180) size 747x28 [border: (5px groove #808000)]
RenderText {#text} at (5,5) size 474x19
text run at (5,5) width 474: "This paragraph should have a thick olive groove border all the way around."
- RenderBlock {P} at (4,229) size 747x29 [border: (5px ridge #808000)]
+ RenderBlock {P} at (4,224) size 747x28 [border: (5px ridge #808000)]
RenderText {#text} at (5,5) size 462x19
text run at (5,5) width 462: "This paragraph should have a thick olive ridge border all the way around."
- RenderBlock {P} at (4,274) size 747x29 [border: (5px inset #808000)]
+ RenderBlock {P} at (4,268) size 747x28 [border: (5px inset #808000)]
RenderText {#text} at (5,5) size 459x19
text run at (5,5) width 459: "This paragraph should have a thick olive inset border all the way around."
- RenderBlock {P} at (4,319) size 747x29 [border: (5px outset #808000)]
+ RenderBlock {P} at (4,312) size 747x28 [border: (5px outset #808000)]
RenderText {#text} at (5,5) size 467x19
text run at (5,5) width 467: "This paragraph should have a thick olive outset border all the way around."
- RenderBlock {P} at (4,364) size 747x48 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
- RenderText {#text} at (5,5) size 714x38
+ RenderBlock {P} at (4,356) size 747x46 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
+ RenderText {#text} at (5,5) size 714x37
text run at (5,5) width 617: "This paragraph should have thick double top and bottom borders, and thick grooved side borders. "
text run at (622,5) width 97: "The color of all"
- text run at (5,24) width 234: "four sides should be based on purple."
- RenderBlock {P} at (4,428) size 747x48 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
- RenderText {#text} at (5,5) size 727x38
+ text run at (5,23) width 234: "four sides should be based on purple."
+ RenderBlock {P} at (4,418) size 747x46 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
+ RenderText {#text} at (5,5) size 727x37
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. "
text run at (707,5) width 25: "The"
- text run at (5,24) width 306: "color of all four sides should be based on purple."
- RenderBlock {P} at (4,492) size 747x19
+ text run at (5,23) width 306: "color of all four sides should be based on purple."
+ RenderBlock {P} at (4,480) size 747x18
RenderText {#text} at (0,0) size 278x19
text run at (0,0) width 278: "This paragraph should have no border at all."
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x19
+ RenderBlock {P} at (0,0) size 784x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 784x45
+ RenderBlock {PRE} at (0,34) size 784x45
RenderText {#text} at (0,0) size 568x45
text run at (0,0) width 560: ".one {border-style: dashed; border-color: black; border-width: thick;}"
text run at (560,0) width 0: " "
text run at (544,15) width 0: " "
text run at (0,30) width 568: ".three {border-style: none; border-color: purple; border-width: thick;}"
text run at (568,30) width 0: " "
- RenderBlock {HR} at (0,93) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,111) size 784x57 [bgcolor=#C0C0C0]
+ RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,110) size 784x54 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 664x19
text run at (0,0) width 664: "This is an unstyled element, save for the background color, and it contains inline elements with classes of "
RenderInline {SPAN} at (0,0) size 67x29 [border: (5px dashed #000000)]
RenderText {#text} at (669,0) size 57x19
text run at (669,0) width 57: "class one"
- RenderText {#text} at (731,0) size 778x38
+ RenderText {#text} at (731,0) size 778x37
text run at (731,0) width 47: ", which"
- text run at (0,19) width 263: "will result in a dashed thick black border; "
+ text run at (0,18) width 263: "will result in a dashed thick black border; "
RenderInline {SPAN} at (0,0) size 68x29 [border: (5px groove #FF0000)]
- RenderText {#text} at (268,19) size 58x19
- text run at (268,19) width 58: "class two"
- RenderText {#text} at (331,19) size 373x19
- text run at (331,19) width 373: ", which should result in a grooved thick purple border, and "
+ RenderText {#text} at (268,18) size 58x19
+ text run at (268,18) width 58: "class two"
+ RenderText {#text} at (331,18) size 373x19
+ text run at (331,18) width 373: ", which should result in a grooved thick purple border, and "
RenderInline {SPAN} at (0,0) size 65x19
- RenderText {#text} at (704,19) size 65x19
- text run at (704,19) width 65: "class three"
- RenderText {#text} at (769,19) size 773x38
- text run at (769,19) width 4: ","
- text run at (0,38) width 246: "which should result in no border at all. "
- text run at (246,38) width 433: "The line-height of the parent element should not change, on any line."
- RenderTable {TABLE} at (0,184) size 784x94 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x92
- RenderTableRow {TR} at (0,0) size 782x27
- RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (704,18) size 65x19
+ text run at (704,18) width 65: "class three"
+ RenderText {#text} at (769,18) size 773x37
+ text run at (769,18) width 4: ","
+ text run at (0,36) width 246: "which should result in no border at all. "
+ text run at (246,36) width 433: "The line-height of the parent element should not change, on any line."
+ RenderTable {TABLE} at (0,180) size 784x90 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x88
+ RenderTableRow {TR} at (0,0) size 782x26
+ RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 782x65
- RenderTableCell {TD} at (0,46) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 782x62
+ RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 770x65 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x57 [bgcolor=#C0C0C0]
+ RenderTableCell {TD} at (12,26) size 770x62 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x54 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 664x19
text run at (0,0) width 664: "This is an unstyled element, save for the background color, and it contains inline elements with classes of "
RenderInline {SPAN} at (0,0) size 67x29 [border: (5px dashed #000000)]
RenderText {#text} at (669,0) size 57x19
text run at (669,0) width 57: "class one"
- RenderText {#text} at (731,0) size 735x38
+ RenderText {#text} at (731,0) size 735x37
text run at (731,0) width 4: ","
- text run at (0,19) width 306: "which will result in a dashed thick black border; "
+ text run at (0,18) width 306: "which will result in a dashed thick black border; "
RenderInline {SPAN} at (0,0) size 68x29 [border: (5px groove #FF0000)]
- RenderText {#text} at (311,19) size 58x19
- text run at (311,19) width 58: "class two"
- RenderText {#text} at (374,19) size 369x19
- text run at (374,19) width 369: ", which should result in a grooved thick purple border, and"
+ RenderText {#text} at (311,18) size 58x19
+ text run at (311,18) width 58: "class two"
+ RenderText {#text} at (374,18) size 369x19
+ text run at (374,18) width 369: ", which should result in a grooved thick purple border, and"
RenderInline {SPAN} at (0,0) size 65x19
- RenderText {#text} at (0,38) size 65x19
- text run at (0,38) width 65: "class three"
- RenderText {#text} at (65,38) size 687x19
- text run at (65,38) width 254: ", which should result in no border at all. "
- text run at (319,38) width 433: "The line-height of the parent element should not change, on any line."
+ RenderText {#text} at (0,36) size 65x19
+ text run at (0,36) width 65: "class three"
+ RenderText {#text} at (65,36) size 687x19
+ text run at (65,36) width 254: ", which should result in no border at all. "
+ text run at (319,36) width 433: "The line-height of the parent element should not change, on any line."
-layer at (0,0) size 785x989
+layer at (0,0) size 785x959
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x989
- RenderBlock {HTML} at (0,0) size 785x989
- RenderBody {BODY} at (8,8) size 769x973 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 769x19
+layer at (0,0) size 785x959
+ RenderBlock {HTML} at (0,0) size 785x959
+ RenderBody {BODY} at (8,8) size 769x943 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 769x60
+ RenderBlock {PRE} at (0,34) size 769x60
RenderText {#text} at (0,0) size 320x60
text run at (0,0) width 304: ".one {border-top: purple double 10px;}"
text run at (304,0) width 0: " "
text run at (320,30) width 0: " "
text run at (0,45) width 264: "TD {border-top: green 2px solid;}"
text run at (264,45) width 0: " "
- RenderBlock {HR} at (0,108) size 769x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,126) size 769x38
- RenderText {#text} at (0,0) size 755x38
+ RenderBlock {HR} at (0,107) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,125) size 769x36
+ RenderText {#text} at (0,0) size 755x37
text run at (0,0) width 634: "Note that all table cells on this page should have a two-pixel solid green border along their top sides. "
text run at (634,0) width 121: "This border applies"
- text run at (0,19) width 317: "only to the cells, not the rows which contain them."
- RenderBlock {P} at (0,180) size 769x29 [border: (10px double #800080) none]
+ text run at (0,18) width 317: "only to the cells, not the rows which contain them."
+ RenderBlock {P} at (0,177) size 769x28 [border: (10px double #800080) none]
RenderText {#text} at (0,10) size 414x19
text run at (0,10) width 414: "This paragraph should have a purple, double, 10-pixel top border."
- RenderBlock {P} at (0,225) size 769x20 [border: (1px solid #800080) none]
+ RenderBlock {P} at (0,221) size 769x19 [border: (1px solid #800080) none]
RenderText {#text} at (0,1) size 331x19
text run at (0,1) width 331: "This paragraph should have a thin purple top border."
- RenderTable {TABLE} at (0,261) size 769x114 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 767x112
- RenderTableRow {TR} at (0,5) size 767x43
- RenderTableCell {TD} at (5,5) size 757x43 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
- RenderText {#text} at (2,3) size 735x38
+ RenderTable {TABLE} at (0,256) size 769x110 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x108
+ RenderTableRow {TR} at (0,5) size 767x41
+ RenderTableCell {TD} at (5,5) size 757x41 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (2,3) size 735x37
text run at (2,3) width 429: "Every cell in this table should have a 2-pixel solid green top border. "
text run at (431,3) width 306: "This is also true of the table-testing section in the"
- text run at (2,22) width 175: "second half of the test page."
- RenderTableRow {TR} at (0,53) size 767x54
- RenderTableCell {TD} at (5,68) size 192x24 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ text run at (2,21) width 175: "second half of the test page."
+ RenderTableRow {TR} at (0,51) size 767x52
+ RenderTableCell {TD} at (5,65) size 192x23 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (2,3) size 53x19
text run at (2,3) width 53: "Cell one"
- RenderTableCell {TD} at (202,53) size 560x54 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,3) size 556x19
+ RenderTableCell {TD} at (202,51) size 560x52 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,3) size 556x18
RenderText {#text} at (0,0) size 54x19
text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (2,22) size 161x30 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 159x28
- RenderTableRow {TR} at (0,2) size 159x24
- RenderTableCell {TD} at (2,2) size 155x24 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderTable {TABLE} at (2,21) size 161x29 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 159x27
+ RenderTableRow {TR} at (0,2) size 159x23
+ RenderTableCell {TD} at (2,2) size 155x23 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,3) size 151x19
text run at (2,3) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (0,391) size 769x123
- RenderListItem {LI} at (40,0) size 729x79 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,3) size 729x19
+ RenderBlock {UL} at (0,382) size 769x117
+ RenderListItem {LI} at (40,0) size 729x75 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,3) size 729x18
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 118x19
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (0,22) size 729x57
- RenderListItem {LI} at (40,0) size 689x19
+ RenderBlock {UL} at (0,21) size 729x54
+ RenderListItem {LI} at (40,0) size 689x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 73x19
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,19) size 689x19
+ RenderListItem {LI} at (40,18) size 689x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 115x19
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,38) size 689x19
+ RenderListItem {LI} at (40,36) size 689x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 176x19
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,79) size 729x22 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,75) size 729x21 [border: (3px solid #000000) none]
RenderListMarker at (-18,3) size 7x19: bullet
RenderText {#text} at (0,3) size 158x19
text run at (0,3) width 158: "This is a second list item."
- RenderListItem {LI} at (40,101) size 729x22 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,96) size 729x21 [border: (3px solid #000000) none]
RenderListMarker at (-18,3) size 7x19: bullet
RenderText {#text} at (0,3) size 480x19
text run at (0,3) width 480: "Each list item in this list should have a medium-width black border at its top."
- RenderTable {TABLE} at (0,530) size 769x443 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 767x441
- RenderTableRow {TR} at (0,0) size 767x28
- RenderTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,515) size 769x428 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x426
+ RenderTableRow {TR} at (0,0) size 767x27
+ RenderTableCell {TD} at (0,0) size 767x27 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,5) size 163x19
text run at (4,5) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,28) size 767x413
- RenderTableCell {TD} at (0,220) size 12x28 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,27) size 767x399
+ RenderTableCell {TD} at (0,213) size 12x27 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,5) size 4x19
text run at (4,5) width 4: " "
- RenderTableCell {TD} at (12,28) size 755x413 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,5) size 747x38
- RenderText {#text} at (0,0) size 707x38
+ RenderTableCell {TD} at (12,27) size 755x399 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,5) size 747x36
+ RenderText {#text} at (0,0) size 707x37
text run at (0,0) width 634: "Note that all table cells on this page should have a two-pixel solid green border along their top sides. "
text run at (634,0) width 73: "This border"
- text run at (0,19) width 365: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (4,59) size 747x29 [border: (10px double #800080) none]
+ text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (4,57) size 747x28 [border: (10px double #800080) none]
RenderText {#text} at (0,10) size 414x19
text run at (0,10) width 414: "This paragraph should have a purple, double, 10-pixel top border."
- RenderBlock {P} at (4,104) size 747x20 [border: (1px solid #800080) none]
+ RenderBlock {P} at (4,101) size 747x19 [border: (1px solid #800080) none]
RenderText {#text} at (0,1) size 331x19
text run at (0,1) width 331: "This paragraph should have a thin purple top border."
- RenderTable {TABLE} at (4,140) size 747x114 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 745x112
- RenderTableRow {TR} at (0,5) size 745x43
- RenderTableCell {TD} at (5,5) size 735x43 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
- RenderText {#text} at (2,3) size 712x38
+ RenderTable {TABLE} at (4,136) size 747x110 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 745x108
+ RenderTableRow {TR} at (0,5) size 745x41
+ RenderTableCell {TD} at (5,5) size 735x41 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (2,3) size 712x37
text run at (2,3) width 429: "Every cell in this table should have a 2-pixel solid green top border. "
text run at (431,3) width 283: "This is also true of the table-testing section in"
- text run at (2,22) width 198: "the second half of the test page."
- RenderTableRow {TR} at (0,53) size 745x54
- RenderTableCell {TD} at (5,68) size 187x24 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ text run at (2,21) width 198: "the second half of the test page."
+ RenderTableRow {TR} at (0,51) size 745x52
+ RenderTableCell {TD} at (5,65) size 187x23 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (2,3) size 53x19
text run at (2,3) width 53: "Cell one"
- RenderTableCell {TD} at (197,53) size 543x54 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,3) size 539x19
+ RenderTableCell {TD} at (197,51) size 543x52 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,3) size 539x18
RenderText {#text} at (0,0) size 54x19
text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (2,22) size 161x30 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 159x28
- RenderTableRow {TR} at (0,2) size 159x24
- RenderTableCell {TD} at (2,2) size 155x24 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderTable {TABLE} at (2,21) size 161x29 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 159x27
+ RenderTableRow {TR} at (0,2) size 159x23
+ RenderTableCell {TD} at (2,2) size 155x23 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,3) size 151x19
text run at (2,3) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (4,270) size 747x123
- RenderListItem {LI} at (40,0) size 707x79 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,3) size 707x19
+ RenderBlock {UL} at (4,262) size 747x117
+ RenderListItem {LI} at (40,0) size 707x75 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,3) size 707x18
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 118x19
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (0,22) size 707x57
- RenderListItem {LI} at (40,0) size 667x19
+ RenderBlock {UL} at (0,21) size 707x54
+ RenderListItem {LI} at (40,0) size 667x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 73x19
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,19) size 667x19
+ RenderListItem {LI} at (40,18) size 667x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 115x19
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,38) size 667x19
+ RenderListItem {LI} at (40,36) size 667x18
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 176x19
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,79) size 707x22 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,75) size 707x21 [border: (3px solid #000000) none]
RenderListMarker at (-18,3) size 7x19: bullet
RenderText {#text} at (0,3) size 158x19
text run at (0,3) width 158: "This is a second list item."
- RenderListItem {LI} at (40,101) size 707x22 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,96) size 707x21 [border: (3px solid #000000) none]
RenderListMarker at (-18,3) size 7x19: bullet
RenderText {#text} at (0,3) size 480x19
text run at (0,3) width 480: "Each list item in this list should have a medium-width black border at its top."
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x19
+ RenderBlock {P} at (0,0) size 784x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 784x45
+ RenderBlock {PRE} at (0,34) size 784x45
RenderText {#text} at (0,0) size 304x45
text run at (0,0) width 304: ".one {border-top: purple double 10px;}"
text run at (304,0) width 0: " "
text run at (0,15) width 296: ".two {border-top: purple thin solid;}"
text run at (296,15) width 0: " "
text run at (0,30) width 0: " "
- RenderBlock {HR} at (0,93) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,111) size 784x57 [bgcolor=#C0C0C0]
+ RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,110) size 784x54 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 666x19
text run at (0,0) width 666: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
RenderInline {SPAN} at (0,0) size 57x29 [border: (10px double #800080) none]
RenderText {#text} at (666,0) size 57x19
text run at (666,0) width 57: "class one"
- RenderText {#text} at (723,0) size 770x38
+ RenderText {#text} at (723,0) size 770x37
text run at (723,0) width 47: ", which"
- text run at (0,19) width 338: "should have a 10-pixel purple double top border; and "
+ text run at (0,18) width 338: "should have a 10-pixel purple double top border; and "
RenderInline {SPAN} at (0,0) size 58x20 [border: (1px solid #800080) none]
- RenderText {#text} at (338,19) size 58x19
- text run at (338,19) width 58: "class two"
- RenderText {#text} at (396,19) size 774x38
- text run at (396,19) width 321: ", which should have a thin solid purple top border. "
- text run at (717,19) width 57: "The line-"
- text run at (0,38) width 372: "height of the parent element should not change on any line."
- RenderTable {TABLE} at (0,184) size 784x94 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x92
- RenderTableRow {TR} at (0,0) size 782x27
- RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (338,18) size 58x19
+ text run at (338,18) width 58: "class two"
+ RenderText {#text} at (396,18) size 774x37
+ text run at (396,18) width 321: ", which should have a thin solid purple top border. "
+ text run at (717,18) width 57: "The line-"
+ text run at (0,36) width 372: "height of the parent element should not change on any line."
+ RenderTable {TABLE} at (0,180) size 784x90 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x88
+ RenderTableRow {TR} at (0,0) size 782x26
+ RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 782x65
- RenderTableCell {TD} at (0,46) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 782x62
+ RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 770x65 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x57 [bgcolor=#C0C0C0]
+ RenderTableCell {TD} at (12,26) size 770x62 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x54 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 666x19
text run at (0,0) width 666: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
RenderInline {SPAN} at (0,0) size 57x29 [border: (10px double #800080) none]
RenderText {#text} at (666,0) size 57x19
text run at (666,0) width 57: "class one"
- RenderText {#text} at (723,0) size 727x38
+ RenderText {#text} at (723,0) size 727x37
text run at (723,0) width 4: ","
- text run at (0,19) width 381: "which should have a 10-pixel purple double top border; and "
+ text run at (0,18) width 381: "which should have a 10-pixel purple double top border; and "
RenderInline {SPAN} at (0,0) size 58x20 [border: (1px solid #800080) none]
- RenderText {#text} at (381,19) size 58x19
- text run at (381,19) width 58: "class two"
- RenderText {#text} at (439,19) size 756x38
- text run at (439,19) width 317: ", which should have a thin solid purple top border."
- text run at (0,38) width 429: "The line-height of the parent element should not change on any line."
+ RenderText {#text} at (381,18) size 58x19
+ text run at (381,18) width 58: "class two"
+ RenderText {#text} at (439,18) size 756x37
+ text run at (439,18) width 317: ", which should have a thin solid purple top border."
+ text run at (0,36) width 429: "The line-height of the parent element should not change on any line."
-layer at (0,0) size 785x775
+layer at (0,0) size 785x763
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x775
- RenderBlock {HTML} at (0,0) size 785x775
- RenderBody {BODY} at (8,8) size 769x759 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 769x19
+layer at (0,0) size 785x763
+ RenderBlock {HTML} at (0,0) size 785x763
+ RenderBody {BODY} at (8,8) size 769x747 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 769x90
+ RenderBlock {PRE} at (0,34) size 769x90
RenderText {#text} at (0,0) size 440x90
text run at (0,0) width 432: ".zero {background-color: silver; border-top-width: 0;}"
text run at (432,0) width 0: " "
text run at (416,60) width 0: " "
text run at (0,75) width 248: ".five {border-top-width: 25px;}"
text run at (248,75) width 0: " "
- RenderBlock {HR} at (0,138) size 769x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,156) size 769x19
+ RenderBlock {HR} at (0,137) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,155) size 769x19
RenderText {#text} at (0,0) size 157x19
text run at (0,0) width 157: "(These will only work if "
RenderInline {CODE} at (0,0) size 96x15
text run at (157,4) width 96: "border-style"
RenderText {#text} at (253,0) size 89x19
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (0,191) size 769x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,190) size 769x18 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,226) size 769x47 [border: (25px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,224) size 769x46 [border: (25px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,25) size 377x19
text run at (3,25) width 377: "This paragraph should have a top border width of 25 pixels."
- RenderBlock {P} at (0,289) size 769x27 [border: (5px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,286) size 769x26 [border: (5px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,5) size 334x19
text run at (3,5) width 334: "This paragraph should have a thick top border width."
- RenderBlock {P} at (0,332) size 769x25 [border: (3px solid #000000)]
+ RenderBlock {P} at (0,328) size 769x24 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 354x19
text run at (3,3) width 354: "This paragraph should have a medium top border width."
- RenderBlock {P} at (0,373) size 769x23 [border: (1px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,368) size 769x22 [border: (1px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,1) size 327x19
text run at (3,1) width 327: "This paragraph should have a thin top border width."
- RenderBlock {P} at (0,412) size 769x19
+ RenderBlock {P} at (0,406) size 769x19
RenderText {#text} at (0,0) size 527x19
text run at (0,0) width 527: "This paragraph should have no border and no extra \"padding\" on its top side, as no "
RenderInline {CODE} at (0,0) size 96x15
text run at (527,4) width 96: "border-style"
RenderText {#text} at (623,0) size 54x19
text run at (623,0) width 54: " was set."
- RenderTable {TABLE} at (0,447) size 699x312 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 697x310
- RenderTableRow {TR} at (0,0) size 697x27
- RenderTableCell {TD} at (0,0) size 697x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,441) size 699x306 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 697x304
+ RenderTableRow {TR} at (0,0) size 697x26
+ RenderTableCell {TD} at (0,0) size 697x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 697x283
- RenderTableCell {TD} at (0,155) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 697x278
+ RenderTableCell {TD} at (0,152) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 685x283 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 685x278 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 677x19
RenderText {#text} at (0,0) size 157x19
text run at (0,0) width 157: "(These will only work if "
text run at (157,4) width 96: "border-style"
RenderText {#text} at (253,0) size 89x19
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (4,39) size 677x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,39) size 677x18 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (4,74) size 677x47 [border: (25px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (4,73) size 677x46 [border: (25px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,25) size 377x19
text run at (3,25) width 377: "This paragraph should have a top border width of 25 pixels."
- RenderBlock {P} at (4,137) size 677x27 [border: (5px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (4,135) size 677x26 [border: (5px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,5) size 334x19
text run at (3,5) width 334: "This paragraph should have a thick top border width."
- RenderBlock {P} at (4,180) size 677x25 [border: (3px solid #000000)]
+ RenderBlock {P} at (4,177) size 677x24 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 354x19
text run at (3,3) width 354: "This paragraph should have a medium top border width."
- RenderBlock {P} at (4,221) size 677x23 [border: (1px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (4,217) size 677x22 [border: (1px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,1) size 327x19
text run at (3,1) width 327: "This paragraph should have a thin top border width."
- RenderBlock {P} at (4,260) size 677x19
+ RenderBlock {P} at (4,255) size 677x19
RenderText {#text} at (0,0) size 527x19
text run at (0,0) width 527: "This paragraph should have no border and no extra \"padding\" on its top side, as no "
RenderInline {CODE} at (0,0) size 96x15
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x19
+ RenderBlock {P} at (0,0) size 784x18
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 784x45
+ RenderBlock {PRE} at (0,34) size 784x45
RenderText {#text} at (0,0) size 408x45
text run at (0,0) width 408: ".one {border-top-width: 25px; border-style: solid;}"
text run at (408,0) width 0: " "
text run at (408,15) width 0: " "
text run at (0,30) width 256: ".three {border-top-width: 25px;}"
text run at (256,30) width 0: " "
- RenderBlock {HR} at (0,93) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,111) size 784x85 [border: (25px solid #000000) (3px solid #000000)]
+ RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,110) size 784x84 [border: (25px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,25) size 172x19
text run at (3,25) width 172: "This element has a class of "
RenderInline {TT} at (0,0) size 24x15
RenderInline {TT} at (0,0) size 24x15
RenderText {#text} at (507,29) size 24x15
text run at (507,29) width 24: "two"
- RenderText {#text} at (534,25) size 772x57
+ RenderText {#text} at (534,25) size 772x56
text run at (534,25) width 220: ", which should result in a thin solid"
text run at (3,44) width 692: "border on the top side of each box in the inline element (and the UA's default border on the other three sides). "
text run at (695,44) width 80: "There is also"
- text run at (3,63) width 19: "an "
+ text run at (3,62) width 19: "an "
RenderInline {SPAN} at (0,0) size 183x19
- RenderText {#text} at (22,63) size 143x19
- text run at (22,63) width 143: "inline element of class "
+ RenderText {#text} at (22,62) size 143x19
+ text run at (22,62) width 143: "inline element of class "
RenderInline {TT} at (0,0) size 40x15
- RenderText {#text} at (165,67) size 40x15
- text run at (165,67) width 40: "three"
- RenderText {#text} at (205,63) size 569x19
- text run at (205,63) width 569: ", which should have no top border width or visible border because no border style was set."
- RenderTable {TABLE} at (0,212) size 784x141 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x139
- RenderTableRow {TR} at (0,0) size 782x27
- RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (165,66) size 40x15
+ text run at (165,66) width 40: "three"
+ RenderText {#text} at (205,62) size 569x19
+ text run at (205,62) width 569: ", which should have no top border width or visible border because no border style was set."
+ RenderTable {TABLE} at (0,210) size 784x138 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x136
+ RenderTableRow {TR} at (0,0) size 782x26
+ RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 782x112
- RenderTableCell {TD} at (0,69) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 782x110
+ RenderTableCell {TD} at (0,68) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 770x112 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x104 [border: (25px solid #000000) (3px solid #000000)]
+ RenderTableCell {TD} at (12,26) size 770x110 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x102 [border: (25px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,25) size 172x19
text run at (3,25) width 172: "This element has a class of "
RenderInline {TT} at (0,0) size 24x15
RenderInline {TT} at (0,0) size 24x15
RenderText {#text} at (507,29) size 24x15
text run at (507,29) width 24: "two"
- RenderText {#text} at (534,25) size 751x57
+ RenderText {#text} at (534,25) size 751x56
text run at (534,25) width 220: ", which should result in a thin solid"
text run at (3,44) width 692: "border on the top side of each box in the inline element (and the UA's default border on the other three sides). "
text run at (695,44) width 51: "There is"
- text run at (3,63) width 48: "also an "
+ text run at (3,62) width 48: "also an "
RenderInline {SPAN} at (0,0) size 183x19
- RenderText {#text} at (51,63) size 143x19
- text run at (51,63) width 143: "inline element of class "
+ RenderText {#text} at (51,62) size 143x19
+ text run at (51,62) width 143: "inline element of class "
RenderInline {TT} at (0,0) size 40x15
- RenderText {#text} at (194,67) size 40x15
- text run at (194,67) width 40: "three"
- RenderText {#text} at (234,63) size 746x38
- text run at (234,63) width 515: ", which should have no top border width or visible border because no border style"
- text run at (3,82) width 50: "was set."
+ RenderText {#text} at (194,66) size 40x15
+ text run at (194,66) width 40: "three"
+ RenderText {#text} at (234,62) size 746x38
+ text run at (234,62) width 515: ", which should have no top border width or visible border because no border style"
+ text run at (3,81) width 50: "was set."
-layer at (0,0) size 785x919
+layer at (0,0) size 785x907
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x919
- Ren
git://git.webkit.org / WebKit-https.git / commitdiff