Add border info to the render tree dumper.
authorhyatt <hyatt@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sun, 16 Nov 2003 23:02:20 +0000 (23:02 +0000)
committerhyatt <hyatt@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sun, 16 Nov 2003 23:02:20 +0000 (23:02 +0000)
        * khtml/rendering/render_style.h:
        (khtml::BorderValue::operator!=):
        * kwq/KWQRenderTreeDebug.cpp:
        (printBorderStyle):
        (operator<<):
        * layout-tests/apple-only/base/bugzilla.mozilla.org/index-expected.txt:
        * layout-tests/apple-only/base/home.netscape.com/index-expected.txt:
        * layout-tests/apple-only/base/lxr.mozilla.org/index-expected.txt:
        * layout-tests/apple-only/base/my.netscape.com/index-expected.txt:
        * layout-tests/apple-only/base/news.cnet.com/index-expected.txt:
        * layout-tests/apple-only/base/web.icq.com/index-expected.txt:
        * layout-tests/apple-only/base/www.altavista.com/index-expected.txt:
        * layout-tests/apple-only/base/www.amazon.com/index-expected.txt:
        * layout-tests/apple-only/base/www.cnn.com/index-expected.txt:
        * layout-tests/apple-only/base/www.digitalcity.com/index-expected.txt:
        * layout-tests/apple-only/base/www.ebay.com/index-expected.txt:
        * layout-tests/apple-only/base/www.excite.com/index-expected.txt:
        * layout-tests/apple-only/base/www.expedia.com/index-expected.txt:
        * layout-tests/apple-only/base/www.iplanet.com/index-expected.txt:
        * layout-tests/apple-only/base/www.mapquest.com/index-expected.txt:
        * layout-tests/apple-only/base/www.microsoft.com/index-expected.txt:
        * layout-tests/apple-only/base/www.moviefone.com/index-expected.txt:
        * layout-tests/apple-only/base/www.msn.com/index-expected.txt:
        * layout-tests/apple-only/base/www.msnbc.com/index-expected.txt:
        * layout-tests/apple-only/base/www.nytimes.com/index-expected.txt:
        * layout-tests/apple-only/base/www.nytimes.com_Table/index-expected.txt:
        * layout-tests/apple-only/base/www.quicken.com/index-expected.txt:
        * layout-tests/apple-only/base/www.sun.com/index-expected.txt:
        * layout-tests/apple-only/base/www.time.com/index-expected.txt:
        * layout-tests/apple-only/base/www.travelocity.com/index-expected.txt:
        * layout-tests/apple-only/base/www.w3.org_DOML2Core/index-expected.txt:
        * layout-tests/apple-only/base/www.yahoo.com/index-expected.txt:
        * layout-tests/apple-only/base/www.zdnet.com/index-expected.txt:
        * layout-tests/apple-only/base/www.zdnet.com_Gamespot.com/index-expected.txt:
        * layout-tests/css1/basic/class_as_selector-expected.txt:
        * layout-tests/css1/basic/comments-expected.txt:
        * layout-tests/css1/basic/containment-expected.txt:
        * layout-tests/css1/basic/contextual_selectors-expected.txt:
        * layout-tests/css1/basic/grouping-expected.txt:
        * layout-tests/css1/basic/id_as_selector-expected.txt:
        * layout-tests/css1/basic/inheritance-expected.txt:
        * layout-tests/css1/box_properties/acid_test-expected.txt:
        * layout-tests/css1/box_properties/border-expected.txt:
        * layout-tests/css1/box_properties/border_bottom-expected.txt:
        * layout-tests/css1/box_properties/border_bottom_inline-expected.txt:
        * layout-tests/css1/box_properties/border_bottom_width-expected.txt:
        * layout-tests/css1/box_properties/border_bottom_width_inline-expected.txt:
        * layout-tests/css1/box_properties/border_color-expected.txt:
        * layout-tests/css1/box_properties/border_color_inline-expected.txt:
        * layout-tests/css1/box_properties/border_inline-expected.txt:
        * layout-tests/css1/box_properties/border_left-expected.txt:
        * layout-tests/css1/box_properties/border_left_inline-expected.txt:
        * layout-tests/css1/box_properties/border_left_width-expected.txt:
        * layout-tests/css1/box_properties/border_left_width_inline-expected.txt:
        * layout-tests/css1/box_properties/border_right-expected.txt:
        * layout-tests/css1/box_properties/border_right_inline-expected.txt:
        * layout-tests/css1/box_properties/border_right_width-expected.txt:
        * layout-tests/css1/box_properties/border_right_width_inline-expected.txt:
        * layout-tests/css1/box_properties/border_style-expected.txt:
        * layout-tests/css1/box_properties/border_style_inline-expected.txt:
        * layout-tests/css1/box_properties/border_top-expected.txt:
        * layout-tests/css1/box_properties/border_top_inline-expected.txt:
        * layout-tests/css1/box_properties/border_top_width-expected.txt:
        * layout-tests/css1/box_properties/border_top_width_inline-expected.txt:
        * layout-tests/css1/box_properties/border_width-expected.txt:
        * layout-tests/css1/box_properties/border_width_inline-expected.txt:
        * layout-tests/css1/box_properties/clear-expected.txt:
        * layout-tests/css1/box_properties/clear_float-expected.txt:
        * layout-tests/css1/box_properties/float-expected.txt:
        * layout-tests/css1/box_properties/float_elements_in_series-expected.txt:
        * layout-tests/css1/box_properties/float_margin-expected.txt:
        * layout-tests/css1/box_properties/float_on_text_elements-expected.txt:
        * layout-tests/css1/box_properties/height-expected.txt:
        * layout-tests/css1/box_properties/margin-expected.txt:
        * layout-tests/css1/box_properties/margin_bottom-expected.txt:
        * layout-tests/css1/box_properties/margin_bottom_inline-expected.txt:
        * layout-tests/css1/box_properties/margin_inline-expected.txt:
        * layout-tests/css1/box_properties/margin_left-expected.txt:
        * layout-tests/css1/box_properties/margin_left_inline-expected.txt:
        * layout-tests/css1/box_properties/margin_right-expected.txt:
        * layout-tests/css1/box_properties/margin_right_inline-expected.txt:
        * layout-tests/css1/box_properties/margin_top-expected.txt:
        * layout-tests/css1/box_properties/margin_top_inline-expected.txt:
        * layout-tests/css1/box_properties/padding-expected.txt:
        * layout-tests/css1/box_properties/padding_bottom-expected.txt:
        * layout-tests/css1/box_properties/padding_bottom_inline-expected.txt:
        * layout-tests/css1/box_properties/padding_inline-expected.txt:
        * layout-tests/css1/box_properties/padding_left-expected.txt:
        * layout-tests/css1/box_properties/padding_left_inline-expected.txt:
        * layout-tests/css1/box_properties/padding_right-expected.txt:
        * layout-tests/css1/box_properties/padding_right_inline-expected.txt:
        * layout-tests/css1/box_properties/padding_top-expected.txt:
        * layout-tests/css1/box_properties/padding_top_inline-expected.txt:
        * layout-tests/css1/box_properties/width-expected.txt:
        * layout-tests/css1/cascade/cascade_order-expected.txt:
        * layout-tests/css1/cascade/important-expected.txt:
        * layout-tests/css1/classification/display-expected.txt:
        * layout-tests/css1/classification/list_style-expected.txt:
        * layout-tests/css1/classification/list_style_image-expected.txt:
        * layout-tests/css1/classification/list_style_position-expected.txt:
        * layout-tests/css1/classification/list_style_type-expected.txt:
        * layout-tests/css1/classification/white_space-expected.txt:
        * layout-tests/css1/color_and_background/background-expected.txt:
        * layout-tests/css1/color_and_background/background_attachment-expected.txt:
        * layout-tests/css1/color_and_background/background_color-expected.txt:
        * layout-tests/css1/color_and_background/background_image-expected.txt:
        * layout-tests/css1/color_and_background/background_position-expected.txt:
        * layout-tests/css1/color_and_background/background_repeat-expected.txt:
        * layout-tests/css1/color_and_background/color-expected.txt:
        * layout-tests/css1/conformance/forward_compatible_parsing-expected.txt:
        * layout-tests/css1/font_properties/font-expected.txt:
        * layout-tests/css1/font_properties/font_family-expected.txt:
        * layout-tests/css1/font_properties/font_size-expected.txt:
        * layout-tests/css1/font_properties/font_style-expected.txt:
        * layout-tests/css1/font_properties/font_variant-expected.txt:
        * layout-tests/css1/font_properties/font_weight-expected.txt:
        * layout-tests/css1/formatting_model/canvas-expected.txt:
        * layout-tests/css1/formatting_model/floating_elements-expected.txt:
        * layout-tests/css1/formatting_model/height_of_lines-expected.txt:
        * layout-tests/css1/formatting_model/inline_elements-expected.txt:
        * layout-tests/css1/formatting_model/replaced_elements-expected.txt:
        * layout-tests/css1/formatting_model/vertical_formatting-expected.txt:
        * layout-tests/css1/pseudo/anchor-expected.txt:
        * layout-tests/css1/pseudo/firstletter-expected.txt:
        * layout-tests/css1/pseudo/firstline-expected.txt:
        * layout-tests/css1/pseudo/multiple_pseudo_elements-expected.txt:
        * layout-tests/css1/pseudo/pseudo_elements_in_selectors-expected.txt:
        * layout-tests/css1/text_properties/letter_spacing-expected.txt:
        * layout-tests/css1/text_properties/line_height-expected.txt:
        * layout-tests/css1/text_properties/text-transform-expected.txt:
        * layout-tests/css1/text_properties/text_align-expected.txt:
        * layout-tests/css1/text_properties/text_decoration-expected.txt:
        * layout-tests/css1/text_properties/text_indent-expected.txt:
        * layout-tests/css1/text_properties/text_transform-expected.txt:
        * layout-tests/css1/text_properties/vertical_align-expected.txt:
        * layout-tests/css1/text_properties/word_spacing-expected.txt:
        * layout-tests/css1/units/color_units-expected.txt:
        * layout-tests/css1/units/length_units-expected.txt:
        * layout-tests/css1/units/percentage_units-expected.txt:
        * layout-tests/css1/units/urls-expected.txt:
        * layout-tests/fast/block/basic/001-expected.txt:
        * layout-tests/fast/block/basic/002-expected.txt:
        * layout-tests/fast/block/basic/003-expected.txt:
        * layout-tests/fast/block/basic/004-expected.txt:
        * layout-tests/fast/block/basic/007-expected.txt:
        * layout-tests/fast/block/basic/011-expected.txt:
        * layout-tests/fast/block/basic/015-expected.txt:
        * layout-tests/fast/block/basic/016-expected.txt:
        * layout-tests/fast/block/basic/017-expected.txt:
        * layout-tests/fast/block/basic/018-expected.txt:
        * layout-tests/fast/block/basic/019-expected.txt:
        * layout-tests/fast/block/float/004-expected.txt:
        * layout-tests/fast/block/float/005-expected.txt:
        * layout-tests/fast/block/float/006-expected.txt:
        * layout-tests/fast/block/float/007-expected.txt:
        * layout-tests/fast/block/float/012-expected.txt:
        * layout-tests/fast/block/float/013-expected.txt:
        * layout-tests/fast/block/float/015-expected.txt:
        * layout-tests/fast/block/float/016-expected.txt:
        * layout-tests/fast/block/float/017-expected.txt:
        * layout-tests/fast/block/float/019-expected.txt:
        * layout-tests/fast/block/float/021-expected.txt:
        * layout-tests/fast/block/float/022-expected.txt:
        * layout-tests/fast/block/float/024-expected.txt:
        * layout-tests/fast/block/float/025-expected.txt:
        * layout-tests/fast/block/float/026-expected.txt:
        * layout-tests/fast/block/float/027-expected.txt:
        * layout-tests/fast/block/float/028-expected.txt:
        * layout-tests/fast/block/margin-collapse/001-expected.txt:
        * layout-tests/fast/block/margin-collapse/005-expected.txt:
        * layout-tests/fast/block/margin-collapse/006-expected.txt:
        * layout-tests/fast/block/margin-collapse/010-expected.txt:
        * layout-tests/fast/block/margin-collapse/011-expected.txt:
        * layout-tests/fast/block/margin-collapse/012-expected.txt:
        * layout-tests/fast/block/margin-collapse/015-expected.txt:
        * layout-tests/fast/block/margin-collapse/016-expected.txt:
        * layout-tests/fast/block/margin-collapse/017-expected.txt:
        * layout-tests/fast/block/margin-collapse/018-expected.txt:
        * layout-tests/fast/block/margin-collapse/019-expected.txt:
        * layout-tests/fast/block/margin-collapse/020-expected.txt:
        * layout-tests/fast/block/margin-collapse/021-expected.txt:
        * layout-tests/fast/block/margin-collapse/022-expected.txt:
        * layout-tests/fast/block/margin-collapse/024-expected.txt:
        * layout-tests/fast/block/margin-collapse/025-expected.txt:
        * layout-tests/fast/block/margin-collapse/026-expected.txt:
        * layout-tests/fast/block/margin-collapse/027-expected.txt:
        * layout-tests/fast/block/margin-collapse/028-expected.txt:
        * layout-tests/fast/block/margin-collapse/029-expected.txt:
        * layout-tests/fast/block/margin-collapse/030-expected.txt:
        * layout-tests/fast/block/margin-collapse/032-expected.txt:
        * layout-tests/fast/block/margin-collapse/033-expected.txt:
        * layout-tests/fast/block/margin-collapse/034-expected.txt:
        * layout-tests/fast/block/margin-collapse/035-expected.txt:
        * layout-tests/fast/block/margin-collapse/041-expected.txt:
        * layout-tests/fast/block/margin-collapse/042-expected.txt:
        * layout-tests/fast/block/margin-collapse/043-expected.txt:
        * layout-tests/fast/block/positioning/048-expected.txt:
        * layout-tests/fast/block/positioning/049-expected.txt:
        * layout-tests/fast/block/positioning/050-expected.txt:
        * layout-tests/fast/block/positioning/051-expected.txt:
        * layout-tests/fast/block/positioning/056-expected.txt:
        * layout-tests/fast/block/positioning/057-expected.txt:
        * layout-tests/fast/block/positioning/058-expected.txt:
        * layout-tests/fast/block/positioning/auto/001-expected.txt:
        * layout-tests/fast/block/positioning/auto/002-expected.txt:
        * layout-tests/fast/block/positioning/auto/003-expected.txt:
        * layout-tests/fast/block/positioning/auto/004-expected.txt:
        * layout-tests/fast/block/positioning/auto/005-expected.txt:
        * layout-tests/fast/block/positioning/auto/006-expected.txt:
        * layout-tests/fast/clip/013-expected.txt:
        * layout-tests/fast/clip/014-expected.txt:
        * layout-tests/fast/css-generated-content/006-expected.txt:
        * layout-tests/fast/css/003-expected.txt:
        * layout-tests/fast/css/004-expected.txt:
        * layout-tests/fast/css/005-expected.txt:
        * layout-tests/fast/dynamic/002-expected.txt:
        * layout-tests/fast/dynamic/004-expected.txt:
        * layout-tests/fast/encoding/utf-16-big-endian-expected.txt:
        * layout-tests/fast/encoding/utf-16-little-endian-expected.txt:
        * layout-tests/fast/flexbox/007-expected.txt:
        * layout-tests/fast/flexbox/008-expected.txt:
        * layout-tests/fast/flexbox/009-expected.txt:
        * layout-tests/fast/flexbox/011-expected.txt:
        * layout-tests/fast/flexbox/016-expected.txt:
        * layout-tests/fast/flexbox/017-expected.txt:
        * layout-tests/fast/flexbox/018-expected.txt:
        * layout-tests/fast/flexbox/019-expected.txt:
        * layout-tests/fast/flexbox/022-expected.txt:
        * layout-tests/fast/flexbox/025-expected.txt:
        * layout-tests/fast/forms/001-expected.txt:
        * layout-tests/fast/forms/002-expected.txt:
        * layout-tests/fast/forms/006-expected.txt:
        * layout-tests/fast/forms/007-expected.txt:
        * layout-tests/fast/forms/form-element-geometry-expected.txt:
        * layout-tests/fast/frames/001-expected.txt:
        * layout-tests/fast/inline-block/001-expected.txt:
        * layout-tests/fast/inline-block/002-expected.txt:
        * layout-tests/fast/inline-block/003-expected.txt:
        * layout-tests/fast/inline/001-expected.txt:
        * layout-tests/fast/invalid/008-expected.txt:
        * layout-tests/fast/invalid/014-expected.txt:
        * layout-tests/fast/invalid/016-expected.txt:
        * layout-tests/fast/lists/001-expected.txt:
        * layout-tests/fast/lists/004-expected.txt:
        * layout-tests/fast/lists/007-expected.txt:
        * layout-tests/fast/overflow/001-expected.txt:
        * layout-tests/fast/overflow/002-expected.txt:
        * layout-tests/fast/overflow/004-expected.txt:
        * layout-tests/fast/replaced/005-expected.txt:
        * layout-tests/fast/replaced/006-expected.txt:
        * layout-tests/fast/replaced/008-expected.txt:
        * layout-tests/fast/selectors/009-expected.txt:
        * layout-tests/fast/selectors/014-expected.txt:
        * layout-tests/fast/selectors/032-expected.txt:
        * layout-tests/fast/selectors/033-expected.txt:
        * layout-tests/fast/selectors/039-expected.txt:
        * layout-tests/fast/selectors/039b-expected.txt:
        * layout-tests/fast/selectors/064-expected.txt:
        * layout-tests/fast/selectors/077-expected.txt:
        * layout-tests/fast/selectors/077b-expected.txt:
        * layout-tests/fast/selectors/078-expected.txt:
        * layout-tests/fast/selectors/078b-expected.txt:
        * layout-tests/fast/selectors/166a-expected.txt:
        * layout-tests/fast/table/003-expected.txt:
        * layout-tests/fast/table/004-expected.txt:
        * layout-tests/fast/table/005-expected.txt:
        * layout-tests/fast/table/006-expected.txt:
        * layout-tests/fast/table/007-expected.txt:
        * layout-tests/fast/table/008-expected.txt:
        * layout-tests/fast/table/009-expected.txt:
        * layout-tests/fast/table/015-expected.txt:
        * layout-tests/fast/table/017-expected.txt:
        * layout-tests/fast/table/018-expected.txt:
        * layout-tests/fast/table/020-expected.txt:
        * layout-tests/fast/table/023-expected.txt:
        * layout-tests/fast/table/025-expected.txt:
        * layout-tests/fast/table/027-expected.txt:
        * layout-tests/fast/table/028-expected.txt:
        * layout-tests/fast/table/029-expected.txt:
        * layout-tests/fast/table/030-expected.txt:
        * layout-tests/fast/table/035-expected.txt:
        * layout-tests/fast/table/036-expected.txt:
        * layout-tests/fast/table/038-expected.txt:
        * layout-tests/fast/table/border-collapsing/001-expected.txt:
        * layout-tests/fast/table/border-collapsing/002-expected.txt:
        * layout-tests/fast/table/border-collapsing/003-expected.txt:
        * layout-tests/fast/table/border-collapsing/004-expected.txt:
        * layout-tests/fast/table/large-width-expected.txt:
        * layout-tests/fast/table/nobr-expected.txt:
        * layout-tests/fast/text/basic/001-expected.txt:
        * layout-tests/fast/text/basic/003-expected.txt:
        * layout-tests/fast/text/basic/004-expected.txt:
        * layout-tests/fast/text/basic/005-expected.txt:
        * layout-tests/fast/text/basic/006-expected.txt:
        * layout-tests/fast/text/basic/007-expected.txt:
        * layout-tests/fast/text/basic/012-expected.txt:
        * layout-tests/fast/text/firstline/002-expected.txt:
        * layout-tests/fast/text/whitespace/002-expected.txt:
        * layout-tests/fast/text/whitespace/003-expected.txt:
        * layout-tests/fast/text/whitespace/020-expected.txt:
        * layout-tests/fast/text/whitespace/023-expected.txt:
        * layout-tests/fast/text/whitespace/024-expected.txt:
        * layout-tests/fast/text/whitespace/025-expected.txt:
        * layout-tests/fast/text/whitespace/027-expected.txt:

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@5523 268f45cc-cd09-0410-ab3c-d52691b4dbfc

272 files changed:
LayoutTests/css1/basic/class_as_selector-expected.txt
LayoutTests/css1/basic/comments-expected.txt
LayoutTests/css1/basic/containment-expected.txt
LayoutTests/css1/basic/contextual_selectors-expected.txt
LayoutTests/css1/basic/grouping-expected.txt
LayoutTests/css1/basic/id_as_selector-expected.txt
LayoutTests/css1/basic/inheritance-expected.txt
LayoutTests/css1/box_properties/acid_test-expected.txt
LayoutTests/css1/box_properties/border-expected.txt
LayoutTests/css1/box_properties/border_bottom-expected.txt
LayoutTests/css1/box_properties/border_bottom_inline-expected.txt
LayoutTests/css1/box_properties/border_bottom_width-expected.txt
LayoutTests/css1/box_properties/border_bottom_width_inline-expected.txt
LayoutTests/css1/box_properties/border_color-expected.txt
LayoutTests/css1/box_properties/border_color_inline-expected.txt
LayoutTests/css1/box_properties/border_inline-expected.txt
LayoutTests/css1/box_properties/border_left-expected.txt
LayoutTests/css1/box_properties/border_left_inline-expected.txt
LayoutTests/css1/box_properties/border_left_width-expected.txt
LayoutTests/css1/box_properties/border_left_width_inline-expected.txt
LayoutTests/css1/box_properties/border_right-expected.txt
LayoutTests/css1/box_properties/border_right_inline-expected.txt
LayoutTests/css1/box_properties/border_right_width-expected.txt
LayoutTests/css1/box_properties/border_right_width_inline-expected.txt
LayoutTests/css1/box_properties/border_style-expected.txt
LayoutTests/css1/box_properties/border_style_inline-expected.txt
LayoutTests/css1/box_properties/border_top-expected.txt
LayoutTests/css1/box_properties/border_top_inline-expected.txt
LayoutTests/css1/box_properties/border_top_width-expected.txt
LayoutTests/css1/box_properties/border_top_width_inline-expected.txt
LayoutTests/css1/box_properties/border_width-expected.txt
LayoutTests/css1/box_properties/border_width_inline-expected.txt
LayoutTests/css1/box_properties/clear-expected.txt
LayoutTests/css1/box_properties/clear_float-expected.txt
LayoutTests/css1/box_properties/float-expected.txt
LayoutTests/css1/box_properties/float_elements_in_series-expected.txt
LayoutTests/css1/box_properties/float_margin-expected.txt
LayoutTests/css1/box_properties/float_on_text_elements-expected.txt
LayoutTests/css1/box_properties/height-expected.txt
LayoutTests/css1/box_properties/margin-expected.txt
LayoutTests/css1/box_properties/margin_bottom-expected.txt
LayoutTests/css1/box_properties/margin_bottom_inline-expected.txt
LayoutTests/css1/box_properties/margin_inline-expected.txt
LayoutTests/css1/box_properties/margin_left-expected.txt
LayoutTests/css1/box_properties/margin_left_inline-expected.txt
LayoutTests/css1/box_properties/margin_right-expected.txt
LayoutTests/css1/box_properties/margin_right_inline-expected.txt
LayoutTests/css1/box_properties/margin_top-expected.txt
LayoutTests/css1/box_properties/margin_top_inline-expected.txt
LayoutTests/css1/box_properties/padding-expected.txt
LayoutTests/css1/box_properties/padding_bottom-expected.txt
LayoutTests/css1/box_properties/padding_bottom_inline-expected.txt
LayoutTests/css1/box_properties/padding_inline-expected.txt
LayoutTests/css1/box_properties/padding_left-expected.txt
LayoutTests/css1/box_properties/padding_left_inline-expected.txt
LayoutTests/css1/box_properties/padding_right-expected.txt
LayoutTests/css1/box_properties/padding_right_inline-expected.txt
LayoutTests/css1/box_properties/padding_top-expected.txt
LayoutTests/css1/box_properties/padding_top_inline-expected.txt
LayoutTests/css1/box_properties/width-expected.txt
LayoutTests/css1/cascade/cascade_order-expected.txt
LayoutTests/css1/cascade/important-expected.txt
LayoutTests/css1/classification/display-expected.txt
LayoutTests/css1/classification/list_style-expected.txt
LayoutTests/css1/classification/list_style_image-expected.txt
LayoutTests/css1/classification/list_style_position-expected.txt
LayoutTests/css1/classification/list_style_type-expected.txt
LayoutTests/css1/classification/white_space-expected.txt
LayoutTests/css1/color_and_background/background-expected.txt
LayoutTests/css1/color_and_background/background_attachment-expected.txt
LayoutTests/css1/color_and_background/background_color-expected.txt
LayoutTests/css1/color_and_background/background_image-expected.txt
LayoutTests/css1/color_and_background/background_position-expected.txt
LayoutTests/css1/color_and_background/background_repeat-expected.txt
LayoutTests/css1/color_and_background/color-expected.txt
LayoutTests/css1/conformance/forward_compatible_parsing-expected.txt
LayoutTests/css1/font_properties/font-expected.txt
LayoutTests/css1/font_properties/font_family-expected.txt
LayoutTests/css1/font_properties/font_size-expected.txt
LayoutTests/css1/font_properties/font_style-expected.txt
LayoutTests/css1/font_properties/font_variant-expected.txt
LayoutTests/css1/font_properties/font_weight-expected.txt
LayoutTests/css1/formatting_model/canvas-expected.txt
LayoutTests/css1/formatting_model/floating_elements-expected.txt
LayoutTests/css1/formatting_model/height_of_lines-expected.txt
LayoutTests/css1/formatting_model/inline_elements-expected.txt
LayoutTests/css1/formatting_model/replaced_elements-expected.txt
LayoutTests/css1/formatting_model/vertical_formatting-expected.txt
LayoutTests/css1/pseudo/anchor-expected.txt
LayoutTests/css1/pseudo/firstletter-expected.txt
LayoutTests/css1/pseudo/firstline-expected.txt
LayoutTests/css1/pseudo/multiple_pseudo_elements-expected.txt
LayoutTests/css1/pseudo/pseudo_elements_in_selectors-expected.txt
LayoutTests/css1/text_properties/letter_spacing-expected.txt
LayoutTests/css1/text_properties/line_height-expected.txt
LayoutTests/css1/text_properties/text-transform-expected.txt
LayoutTests/css1/text_properties/text_align-expected.txt
LayoutTests/css1/text_properties/text_decoration-expected.txt
LayoutTests/css1/text_properties/text_indent-expected.txt
LayoutTests/css1/text_properties/text_transform-expected.txt
LayoutTests/css1/text_properties/vertical_align-expected.txt
LayoutTests/css1/text_properties/word_spacing-expected.txt
LayoutTests/css1/units/color_units-expected.txt
LayoutTests/css1/units/length_units-expected.txt
LayoutTests/css1/units/percentage_units-expected.txt
LayoutTests/css1/units/urls-expected.txt
LayoutTests/fast/block/basic/001-expected.txt
LayoutTests/fast/block/basic/002-expected.txt
LayoutTests/fast/block/basic/003-expected.txt
LayoutTests/fast/block/basic/004-expected.txt
LayoutTests/fast/block/basic/007-expected.txt
LayoutTests/fast/block/basic/011-expected.txt
LayoutTests/fast/block/basic/015-expected.txt
LayoutTests/fast/block/basic/016-expected.txt
LayoutTests/fast/block/basic/017-expected.txt
LayoutTests/fast/block/basic/018-expected.txt
LayoutTests/fast/block/basic/019-expected.txt
LayoutTests/fast/block/float/004-expected.txt
LayoutTests/fast/block/float/005-expected.txt
LayoutTests/fast/block/float/006-expected.txt
LayoutTests/fast/block/float/007-expected.txt
LayoutTests/fast/block/float/012-expected.txt
LayoutTests/fast/block/float/013-expected.txt
LayoutTests/fast/block/float/015-expected.txt
LayoutTests/fast/block/float/016-expected.txt
LayoutTests/fast/block/float/017-expected.txt
LayoutTests/fast/block/float/019-expected.txt
LayoutTests/fast/block/float/021-expected.txt
LayoutTests/fast/block/float/022-expected.txt
LayoutTests/fast/block/float/024-expected.txt
LayoutTests/fast/block/float/025-expected.txt
LayoutTests/fast/block/float/026-expected.txt
LayoutTests/fast/block/float/027-expected.txt
LayoutTests/fast/block/float/028-expected.txt
LayoutTests/fast/block/margin-collapse/001-expected.txt
LayoutTests/fast/block/margin-collapse/005-expected.txt
LayoutTests/fast/block/margin-collapse/006-expected.txt
LayoutTests/fast/block/margin-collapse/010-expected.txt
LayoutTests/fast/block/margin-collapse/011-expected.txt
LayoutTests/fast/block/margin-collapse/012-expected.txt
LayoutTests/fast/block/margin-collapse/015-expected.txt
LayoutTests/fast/block/margin-collapse/016-expected.txt
LayoutTests/fast/block/margin-collapse/017-expected.txt
LayoutTests/fast/block/margin-collapse/018-expected.txt
LayoutTests/fast/block/margin-collapse/019-expected.txt
LayoutTests/fast/block/margin-collapse/020-expected.txt
LayoutTests/fast/block/margin-collapse/021-expected.txt
LayoutTests/fast/block/margin-collapse/022-expected.txt
LayoutTests/fast/block/margin-collapse/024-expected.txt
LayoutTests/fast/block/margin-collapse/025-expected.txt
LayoutTests/fast/block/margin-collapse/026-expected.txt
LayoutTests/fast/block/margin-collapse/027-expected.txt
LayoutTests/fast/block/margin-collapse/028-expected.txt
LayoutTests/fast/block/margin-collapse/029-expected.txt
LayoutTests/fast/block/margin-collapse/030-expected.txt
LayoutTests/fast/block/margin-collapse/032-expected.txt
LayoutTests/fast/block/margin-collapse/033-expected.txt
LayoutTests/fast/block/margin-collapse/034-expected.txt
LayoutTests/fast/block/margin-collapse/035-expected.txt
LayoutTests/fast/block/margin-collapse/041-expected.txt
LayoutTests/fast/block/margin-collapse/042-expected.txt
LayoutTests/fast/block/margin-collapse/043-expected.txt
LayoutTests/fast/block/positioning/048-expected.txt
LayoutTests/fast/block/positioning/049-expected.txt
LayoutTests/fast/block/positioning/050-expected.txt
LayoutTests/fast/block/positioning/051-expected.txt
LayoutTests/fast/block/positioning/056-expected.txt
LayoutTests/fast/block/positioning/057-expected.txt
LayoutTests/fast/block/positioning/058-expected.txt
LayoutTests/fast/block/positioning/auto/001-expected.txt
LayoutTests/fast/block/positioning/auto/002-expected.txt
LayoutTests/fast/block/positioning/auto/003-expected.txt
LayoutTests/fast/block/positioning/auto/004-expected.txt
LayoutTests/fast/block/positioning/auto/005-expected.txt
LayoutTests/fast/block/positioning/auto/006-expected.txt
LayoutTests/fast/clip/013-expected.txt
LayoutTests/fast/clip/014-expected.txt
LayoutTests/fast/css/003-expected.txt
LayoutTests/fast/css/004-expected.txt
LayoutTests/fast/css/005-expected.txt
LayoutTests/fast/dynamic/002-expected.txt
LayoutTests/fast/dynamic/004-expected.txt
LayoutTests/fast/encoding/utf-16-big-endian-expected.txt
LayoutTests/fast/encoding/utf-16-little-endian-expected.txt
LayoutTests/fast/flexbox/007-expected.txt
LayoutTests/fast/flexbox/008-expected.txt
LayoutTests/fast/flexbox/009-expected.txt
LayoutTests/fast/flexbox/011-expected.txt
LayoutTests/fast/flexbox/016-expected.txt
LayoutTests/fast/flexbox/017-expected.txt
LayoutTests/fast/flexbox/018-expected.txt
LayoutTests/fast/flexbox/019-expected.txt
LayoutTests/fast/flexbox/022-expected.txt
LayoutTests/fast/flexbox/025-expected.txt
LayoutTests/fast/forms/001-expected.txt
LayoutTests/fast/forms/002-expected.txt
LayoutTests/fast/forms/006-expected.txt
LayoutTests/fast/forms/007-expected.txt
LayoutTests/fast/forms/form-element-geometry-expected.txt
LayoutTests/fast/frames/001-expected.txt
LayoutTests/fast/inline-block/001-expected.txt
LayoutTests/fast/inline-block/002-expected.txt
LayoutTests/fast/inline-block/003-expected.txt
LayoutTests/fast/inline/001-expected.txt
LayoutTests/fast/invalid/008-expected.txt
LayoutTests/fast/invalid/014-expected.txt
LayoutTests/fast/invalid/016-expected.txt
LayoutTests/fast/lists/001-expected.txt
LayoutTests/fast/lists/004-expected.txt
LayoutTests/fast/lists/007-expected.txt
LayoutTests/fast/overflow/001-expected.txt
LayoutTests/fast/overflow/002-expected.txt
LayoutTests/fast/overflow/004-expected.txt
LayoutTests/fast/replaced/005-expected.txt
LayoutTests/fast/replaced/006-expected.txt
LayoutTests/fast/replaced/008-expected.txt
LayoutTests/fast/selectors/009-expected.txt
LayoutTests/fast/selectors/014-expected.txt
LayoutTests/fast/selectors/032-expected.txt
LayoutTests/fast/selectors/033-expected.txt
LayoutTests/fast/selectors/039-expected.txt
LayoutTests/fast/selectors/039b-expected.txt
LayoutTests/fast/selectors/064-expected.txt
LayoutTests/fast/selectors/077-expected.txt
LayoutTests/fast/selectors/077b-expected.txt
LayoutTests/fast/selectors/078-expected.txt
LayoutTests/fast/selectors/078b-expected.txt
LayoutTests/fast/selectors/166a-expected.txt
LayoutTests/fast/table/003-expected.txt
LayoutTests/fast/table/004-expected.txt
LayoutTests/fast/table/005-expected.txt
LayoutTests/fast/table/006-expected.txt
LayoutTests/fast/table/007-expected.txt
LayoutTests/fast/table/008-expected.txt
LayoutTests/fast/table/009-expected.txt
LayoutTests/fast/table/015-expected.txt
LayoutTests/fast/table/017-expected.txt
LayoutTests/fast/table/018-expected.txt
LayoutTests/fast/table/020-expected.txt
LayoutTests/fast/table/023-expected.txt
LayoutTests/fast/table/025-expected.txt
LayoutTests/fast/table/027-expected.txt
LayoutTests/fast/table/028-expected.txt
LayoutTests/fast/table/029-expected.txt
LayoutTests/fast/table/030-expected.txt
LayoutTests/fast/table/035-expected.txt
LayoutTests/fast/table/036-expected.txt
LayoutTests/fast/table/038-expected.txt
LayoutTests/fast/table/border-collapsing/001-expected.txt
LayoutTests/fast/table/border-collapsing/002-expected.txt
LayoutTests/fast/table/border-collapsing/003-expected.txt
LayoutTests/fast/table/border-collapsing/004-expected.txt
LayoutTests/fast/table/large-width-expected.txt
LayoutTests/fast/table/nobr-expected.txt
LayoutTests/fast/text/basic/001-expected.txt
LayoutTests/fast/text/basic/003-expected.txt
LayoutTests/fast/text/basic/004-expected.txt
LayoutTests/fast/text/basic/005-expected.txt
LayoutTests/fast/text/basic/006-expected.txt
LayoutTests/fast/text/basic/007-expected.txt
LayoutTests/fast/text/basic/012-expected.txt
LayoutTests/fast/text/firstline/002-expected.txt
LayoutTests/fast/text/whitespace/002-expected.txt
LayoutTests/fast/text/whitespace/003-expected.txt
LayoutTests/fast/text/whitespace/020-expected.txt
LayoutTests/fast/text/whitespace/023-expected.txt
LayoutTests/fast/text/whitespace/024-expected.txt
LayoutTests/fast/text/whitespace/025-expected.txt
LayoutTests/fast/text/whitespace/027-expected.txt
WebCore/ChangeLog-2005-08-23
WebCore/khtml/rendering/render_style.h
WebCore/kwq/KWQRenderTreeDebug.cpp

index aeaa797..694c22a 100644 (file)
@@ -12,7 +12,7 @@ layer at (0,0) size 800x579
           text run at (0,15) width 128: ".1 {color: red;}"
           text run at (0,30) width 152: ".a1 {color: green;}"
           text run at (0,45) width 176: "P.two {color: purple;}"
-      RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,125) size 784x18 [color=#008000] [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 194x18
           text run at (0,0) width 194: "This sentence should be green."
@@ -33,18 +33,18 @@ layer at (0,0) size 800x579
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 237x18
             text run at (0,0) width 237: "This sentence should NOT be purple."
-      RenderTable {TABLE} at (0,326) size 581x237 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,326) size 581x237 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x235
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 579x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,117) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            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 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 567x209 [r=1 c=1 rs=1 cs=1]
+            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 194x18
                   text run at (0,0) width 194: "This sentence should be green."
index c97de38..4e984f9 100644 (file)
@@ -22,7 +22,7 @@ layer at (0,0) size 800x870
           text run at (0,165) width 176: ".seven {color: green;}"
           text run at (0,180) width 128: "/* a comment **/"
           text run at (0,195) width 176: ".eight {color: green;}"
-      RenderBlock {HR} at (0,272) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,272) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,290) size 784x18 [color=#008000] [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 194x18
           text run at (0,0) width 194: "This sentence should be green."
@@ -47,18 +47,18 @@ layer at (0,0) size 800x870
       RenderBlock {P} at (0,528) size 784x18 [color=#008000] [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 194x18
           text run at (0,0) width 194: "This sentence should be green."
-      RenderTable {TABLE} at (0,562) size 216x292 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,562) size 216x292 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x290
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 214x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,145) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            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 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 202x264 [r=1 c=1 rs=1 cs=1]
+            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 194x18
                   text run at (0,0) width 194: "This sentence should be green."
index afc288c..ca9c771 100644 (file)
@@ -18,7 +18,7 @@ layer at (0,0) size 800x943
           text run at (0,105) width 32: "<!--"
           text run at (0,120) width 168: "P.six {color: green;}"
           text run at (0,135) width 24: "-->"
-      RenderBlock {HR} at (0,197) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,197) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,215) size 784x18 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 404x18
           text run at (0,0) width 404: "This sentence should be underlined due to the linked style sheet "
@@ -102,18 +102,18 @@ layer at (0,0) size 800x943
       RenderBlock {P} at (0,527) size 784x18 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This paragraph should be green."
-      RenderTable {TABLE} at (0,561) size 784x366 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,561) size 784x366 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x364
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,182) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,182) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x338 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 770x338 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 762x18
                 RenderText {TEXT} at (0,0) size 404x18
                   text run at (0,0) width 404: "This sentence should be underlined due to the linked style sheet "
index 56dae64..b99fe60 100644 (file)
@@ -11,7 +11,7 @@ layer at (0,0) size 800x417
           text run at (0,0) width 288: "P {color: navy; font-family: serif;}"
           text run at (0,15) width 472: "HTML BODY TABLE P {color: purple; font-family: sans-serif;}"
           text run at (0,30) width 224: "EM, UL LI LI {color: green;}"
-      RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,125) size 784x18 [color=#000080] [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 625x18
           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."
@@ -38,18 +38,18 @@ layer at (0,0) size 800x417
               RenderListMarker at (0,0) size 0x14
               RenderText {TEXT} at (0,0) size 136x18
                 text run at (0,0) width 136: "This should be green."
-      RenderTable {TABLE} at (0,245) size 722x156 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,245) size 722x156 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x154
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 720x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,77) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            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 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 708x128 [r=1 c=1 rs=1 cs=1]
+            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 700x18
                   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."
index dc3f89e..e7a06a3 100644 (file)
@@ -9,7 +9,7 @@ layer at (0,0) size 800x335
       RenderBlock {PRE} at (0,34) size 784x30 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 272x15
           text run at (0,0) width 272: ".one, .two, .three {color: green;}"
-      RenderBlock {HR} at (0,77) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,77) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,95) size 784x18 [color=#008000] [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 194x18
           text run at (0,0) width 194: "This sentence should be green."
@@ -19,18 +19,18 @@ layer at (0,0) size 800x335
       RenderBlock {P} at (0,163) size 784x18 [color=#008000] [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 194x18
           text run at (0,0) width 194: "This sentence should be green."
-      RenderTable {TABLE} at (0,197) size 216x122 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,197) size 216x122 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x120
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 214x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,60) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            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 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 202x94 [r=1 c=1 rs=1 cs=1]
+            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 194x18
                   text run at (0,0) width 194: "This sentence should be green."
index f3a9b8b..58eec69 100644 (file)
@@ -16,7 +16,7 @@ layer at (0,0) size 800x627
           text run at (0,75) width 152: "#a2 {color: green;}"
           text run at (0,90) width 240: "P#five, P#five2 {color: blue;}"
           text run at (0,105) width 240: "P#six, P#six2 {color: purple;}"
-      RenderBlock {HR} at (0,167) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,167) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,185) size 784x18 [color=#008000] [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 194x18
           text run at (0,0) width 194: "This sentence should be green."
@@ -42,18 +42,18 @@ layer at (0,0) size 800x627
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 237x18
             text run at (0,0) width 237: "This sentence should NOT be purple."
-      RenderTable {TABLE} at (0,380) size 422x231 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,380) size 422x231 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x229
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 420x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,114) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,114) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 408x203 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 408x203 [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 194x18
                   text run at (0,0) width 194: "This sentence should be green."
index e39a818..2a97726 100644 (file)
@@ -15,7 +15,7 @@ layer at (0,0) size 800x724
           text run at (0,60) width 272: ".two {text-decoration: underline;}"
           text run at (0,75) width 152: "#two {color: navy;}"
           text run at (0,90) width 184: ".three {color: purple;}"
-      RenderBlock {HR} at (0,152) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,152) size 784x2 [bgcolor=#000000] [border: (1px inset #008000)]
       RenderBlock {H3} at (0,172) size 784x22 [color=#0000FF] [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 220x22
           text run at (0,0) width 220: "This sentence should show "
@@ -92,18 +92,18 @@ layer at (0,0) size 800x724
             text run at (354,0) width 173: "this part (which is spanned)"
         RenderText {TEXT} at (527,0) size 4x18
           text run at (527,0) width 4: "."
-      RenderTable {TABLE} at (0,430) size 614x278 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,430) size 614x278 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x276
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 612x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,138) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,138) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 600x250 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 600x250 [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 "
index 77cd018..22de09a 100644 (file)
@@ -2,15 +2,15 @@ layer at (0,0) size 800x600
   RenderCanvas at (0,0) size 800x600
 layer at (0,0) size 800x420
   RenderBlock {HTML} at (0,0) size 800x420 [color=#FFFFFF] [bgcolor=#0000FF]
-    RenderBody {BODY} at (15,15) size 490x390 [bgcolor=#FFFFFF]
+    RenderBody {BODY} at (15,15) size 490x390 [bgcolor=#FFFFFF] [border: (5px solid #000000)]
       RenderBlock {DL} at (5,5) size 480x10 [bgcolor=#000000]
-        RenderBlock (floating) {DT} at (5,5) size 77x310 [bgcolor=#CC0000]
+        RenderBlock (floating) {DT} at (5,5) size 77x310 [bgcolor=#CC0000] [border: (5px solid #000000)]
           RenderText {TEXT} at (15,14) size 31x10
             text run at (15,14) width 31: "toggle"
         RenderText {TEXT} at (0,0) size 0x0
-        RenderBlock (floating) {DD} at (95,5) size 380x310
+        RenderBlock (floating) {DD} at (95,5) size 380x310 [border: (10px solid #000000)]
           RenderBlock {UL} at (20,20) size 340x0
-            RenderBlock (floating) {LI} at (0,0) size 80x120 [color=#000000] [bgcolor=#FFCC00]
+            RenderBlock (floating) {LI} at (0,0) size 80x120 [color=#000000] [bgcolor=#FFCC00] [border: (5px solid #000000)]
               RenderText {TEXT} at (15,14) size 40x10
                 text run at (15,14) width 40: "the way"
             RenderText {TEXT} at (0,0) size 0x0
@@ -34,9 +34,9 @@ layer at (0,0) size 800x420
                   RenderText {TEXT} at (0,0) size 0x0
               RenderBlock (anonymous) at (10,58) size 139x0 [bgcolor=#000000]
                 RenderInline {FORM} at (0,0) size 0x0
-                RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#000000]
+                RenderText {TEXT} at (0,0) size 0x0
             RenderText {TEXT} at (0,0) size 0x0
-            RenderBlock (floating) {LI} at (259,0) size 80x120 [color=#000000] [bgcolor=#FFCC00]
+            RenderBlock (floating) {LI} at (259,0) size 80x120 [color=#000000] [bgcolor=#FFCC00] [border: (5px solid #000000)]
               RenderText {TEXT} at (15,14) size 50x10
                 text run at (15,14) width 50: "i grow old"
             RenderText {TEXT} at (0,0) size 0x0
@@ -44,7 +44,7 @@ layer at (0,0) size 800x420
               RenderText {TEXT} at (10,9) size 30x10
                 text run at (10,9) width 30: "pluot?"
             RenderText {TEXT} at (0,0) size 0x0
-          RenderBlock (floating) {BLOCKQUOTE} at (160,150) size 70x140 [color=#000000] [bgcolor=#FFCC00]
+          RenderBlock (floating) {BLOCKQUOTE} at (160,150) size 70x140 [color=#000000] [bgcolor=#FFCC00] [border: (10px solid #000000) (15px solid #000000) (20px solid #000000) (5px solid #000000)]
             RenderBlock {ADDRESS} at (5,20) size 50x20 [bgcolor=#000000]
               RenderText {TEXT} at (0,-1) size 34x20
                 text run at (0,-1) width 16: "bar"
index 256dc25..e06286a 100644 (file)
@@ -22,22 +22,22 @@ layer at (0,0) size 800x1378
           text run at (136,105) width 32: "px;}"
           text run at (0,120) width 104: "TD {border: 2"
           text run at (104,120) width 128: "px solid green;}"
-      RenderBlock {HR} at (0,182) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,182) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,200) size 784x36 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 780x36
           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 153: "This border applies only"
           text run at (0,18) width 285: "to the cells, not the rows which contain them."
-      RenderBlock {P} at (0,252) size 784x24 [bgcolor=#000000]
+      RenderBlock {P} at (0,252) size 784x24 [bgcolor=#000000] [border: (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 483x18
           text run at (3,3) width 483: "This paragraph should have a medium black solid border all the way around."
-      RenderBlock {P} at (0,292) size 784x20 [bgcolor=#000000]
+      RenderBlock {P} at (0,292) size 784x20 [bgcolor=#000000] [border: (1px ridge #800000)]
         RenderText {TEXT} at (1,1) size 480x18
           text run at (1,1) width 480: "This paragraph should have a thin maroon ridged border all the way around."
-      RenderBlock {P} at (0,328) size 784x38 [bgcolor=#000000]
+      RenderBlock {P} at (0,328) size 784x38 [bgcolor=#000000] [border: (10px outset #008080)]
         RenderText {TEXT} at (10,10) size 518x18
           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,382) size 784x38 [bgcolor=#000000]
+      RenderBlock {P} at (0,382) size 784x38 [bgcolor=#000000] [border: (10px inset #808000)]
         RenderText {TEXT} at (10,10) size 519x18
           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,436) size 784x18 [bgcolor=#000000]
@@ -48,7 +48,7 @@ layer at (0,0) size 800x1378
             text run at (348,2) width 96: "border-style"
         RenderText {TEXT} at (444,0) size 323x18
           text run at (444,0) width 323: " was not set, and it should not be offset in any way."
-      RenderBlock {P} at (0,470) size 784x24 [bgcolor=#000000]
+      RenderBlock {P} at (0,470) size 784x24 [bgcolor=#000000] [border: (3px double #800000)]
         RenderText {TEXT} at (3,3) size 535x18
           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
@@ -69,59 +69,59 @@ layer at (0,0) size 800x1378
           RenderImage {IMG} at (740,0) size 15x15
         RenderText {TEXT} at (755,1) size 4x18
           text run at (755,1) width 4: "."
-      RenderTable {TABLE} at (0,579) size 784x113 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,579) size 784x113 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x111
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (5,5) size 772x42 [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (5,5) size 772x42 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
               RenderText {TEXT} at (3,3) size 759x36
                 text run at (3,3) width 248: "Every cell in this table should have a 2-"
                 text run at (251,3) width 157: "pixel solid green border. "
                 text run at (408,3) width 354: "This is also true of the table-testing section in the second"
                 text run at (3,21) width 127: "half of the test page."
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (5,67) size 197x24 [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (5,67) size 197x24 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (3,3) size 53x18
                 text run at (3,3) width 53: "Cell one"
-            RenderTableCell {TD} at (207,52) size 570x54 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (207,52) size 570x54 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
               RenderBlock (anonymous) at (3,3) size 564x18
                 RenderText {TEXT} at (0,0) size 54x18
                   text run at (0,0) width 54: "Cell two"
-              RenderTable {TABLE} at (3,21) size 163x30
+              RenderTable {TABLE} at (3,21) size 163x30 [border: (1px outset #808080)]
                 RenderTableSection {TBODY} at (1,1) size 0x28
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (2,2) size 157x24 [r=0 c=0 rs=1 cs=1]
+                    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 151x18
                         text run at (3,3) width 151: "Nested single-cell table!"
       RenderBlock {P} at (0,708) size 784x18 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 175x18
           text run at (0,0) width 175: "This is an unstyled element."
-      RenderTable {TABLE} at (0,742) size 784x620 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,742) size 784x620 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x618
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (5,5) size 163x18
                   text run at (5,5) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,309) size 14x28 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            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 4x18
                 text run at (5,5) width 4: " "
-            RenderTableCell {TD} at (14,28) size 768x590 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (14,28) size 768x590 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (5,5) size 758x36
                 RenderText {TEXT} at (0,0) size 748x36
                   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,18) width 317: "only to the cells, not the rows which contain them."
-              RenderBlock {P} at (5,57) size 758x24
+              RenderBlock {P} at (5,57) size 758x24 [border: (3px solid #000000)]
                 RenderText {TEXT} at (3,3) size 483x18
                   text run at (3,3) width 483: "This paragraph should have a medium black solid border all the way around."
-              RenderBlock {P} at (5,97) size 758x20
+              RenderBlock {P} at (5,97) size 758x20 [border: (1px ridge #800000)]
                 RenderText {TEXT} at (1,1) size 480x18
                   text run at (1,1) width 480: "This paragraph should have a thin maroon ridged border all the way around."
-              RenderBlock {P} at (5,133) size 758x38
+              RenderBlock {P} at (5,133) size 758x38 [border: (10px outset #008080)]
                 RenderText {TEXT} at (10,10) size 518x18
                   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,187) size 758x38
+              RenderBlock {P} at (5,187) size 758x38 [border: (10px inset #808000)]
                 RenderText {TEXT} at (10,10) size 519x18
                   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,241) size 758x36
@@ -133,7 +133,7 @@ layer at (0,0) size 800x1378
                 RenderText {TEXT} at (444,0) size 732x36
                   text run at (444,0) width 288: " was not set, and it should not be offset in any"
                   text run at (0,18) width 31: "way."
-              RenderBlock {P} at (5,293) size 758x42
+              RenderBlock {P} at (5,293) size 758x42 [border: (3px double #800000)]
                 RenderText {TEXT} at (3,3) size 535x18
                   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
@@ -155,27 +155,27 @@ layer at (0,0) size 800x1378
                   RenderImage {IMG} at (740,0) size 15x15
                 RenderText {TEXT} at (0,19) size 4x18
                   text run at (0,19) width 4: "."
-              RenderTable {TABLE} at (5,438) size 758x113
+              RenderTable {TABLE} at (5,438) size 758x113 [border: (1px outset #808080)]
                 RenderTableSection {TBODY} at (1,1) size 0x111
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (5,5) size 746x42 [r=0 c=0 rs=1 cs=2]
+                    RenderTableCell {TD} at (5,5) size 746x42 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
                       RenderText {TEXT} at (3,3) size 711x36
                         text run at (3,3) width 248: "Every cell in this table should have a 2-"
                         text run at (251,3) width 157: "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,21) width 175: "second half of the test page."
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (5,67) size 191x24 [r=1 c=0 rs=1 cs=1]
+                    RenderTableCell {TD} at (5,67) size 191x24 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
                       RenderText {TEXT} at (3,3) size 53x18
                         text run at (3,3) width 53: "Cell one"
-                    RenderTableCell {TD} at (201,52) size 550x54 [r=1 c=1 rs=1 cs=1]
+                    RenderTableCell {TD} at (201,52) size 550x54 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
                       RenderBlock (anonymous) at (3,3) size 544x18
                         RenderText {TEXT} at (0,0) size 54x18
                           text run at (0,0) width 54: "Cell two"
-                      RenderTable {TABLE} at (3,21) size 163x30
+                      RenderTable {TABLE} at (3,21) size 163x30 [border: (1px outset #808080)]
                         RenderTableSection {TBODY} at (1,1) size 0x28
                           RenderTableRow {TR} at (0,0) size 0x0
-                            RenderTableCell {TD} at (2,2) size 157x24 [r=0 c=0 rs=1 cs=1]
+                            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 151x18
                                 text run at (3,3) width 151: "Nested single-cell table!"
               RenderBlock {P} at (5,567) size 758x18
index f0a54d7..856c64d 100644 (file)
@@ -14,44 +14,44 @@ layer at (0,0) size 800x995
           text run at (0,30) width 344: ".three {border-bottom: black medium solid;}"
           text run at (0,45) width 208: "TD {border-bottom: green 2"
           text run at (208,45) width 80: "px solid;}"
-      RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,125) size 784x36 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 779x36
           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 121: "This border applies"
           text run at (0,18) width 317: "only to the cells, not the rows which contain them."
-      RenderBlock {P} at (0,177) size 784x28 [bgcolor=#000000]
+      RenderBlock {P} at (0,177) size 784x28 [bgcolor=#000000] [border: (10px double #800080) none]
         RenderText {TEXT} at (0,0) size 438x18
           text run at (0,0) width 310: "This paragraph should have a purple, double, 10-"
           text run at (310,0) width 128: "pixel bottom border."
-      RenderBlock {P} at (0,221) size 784x19 [bgcolor=#000000]
+      RenderBlock {P} at (0,221) size 784x19 [bgcolor=#000000] [border: (1px solid #800080) none]
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
-      RenderTable {TABLE} at (0,256) size 784x110 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,256) size 784x110 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x108
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (5,5) size 772x41 [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (5,5) size 772x41 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderText {TEXT} at (2,2) size 759x36
                 text run at (2,2) width 248: "Every cell in this table should have a 2-"
                 text run at (250,2) width 205: "pixel solid green bottom border. "
                 text run at (455,2) width 306: "This is also true of the table-testing section in the"
                 text run at (2,20) width 175: "second half of the test page."
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (5,65) size 196x23 [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (5,65) size 196x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (2,2) size 53x18
                 text run at (2,2) width 53: "Cell one"
-            RenderTableCell {TD} at (206,51) size 571x52 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (206,51) size 571x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock (anonymous) at (2,2) size 567x18
                 RenderText {TEXT} at (0,0) size 54x18
                   text run at (0,0) width 54: "Cell two"
-              RenderTable {TABLE} at (2,20) size 161x29
+              RenderTable {TABLE} at (2,20) size 161x29 [border: (1px outset #808080)]
                 RenderTableSection {TBODY} at (1,1) size 0x27
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (2,2) size 155x23 [r=0 c=0 rs=1 cs=1]
+                    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 151x18
                         text run at (2,2) width 151: "Nested single-cell table!"
       RenderBlock {UL} at (0,382) size 784x135 [bgcolor=#000000]
-        RenderListItem {LI} at (40,0) size 744x75
+        RenderListItem {LI} at (40,0) size 744x75 [border: (3px solid #000000) none]
           RenderBlock (anonymous) at (0,0) size 744x18
             RenderListMarker at (0,0) size 0x14
             RenderText {TEXT} at (0,0) size 118x18
@@ -69,11 +69,11 @@ layer at (0,0) size 800x995
               RenderListMarker at (0,0) size 0x14
               RenderText {TEXT} at (0,0) size 176x18
                 text run at (0,0) width 176: "...nested within the list item."
-        RenderListItem {LI} at (40,75) size 744x21
+        RenderListItem {LI} at (40,75) size 744x21 [border: (3px solid #000000) none]
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 158x18
             text run at (0,0) width 158: "This is a second list item."
-        RenderListItem {LI} at (40,96) size 744x39
+        RenderListItem {LI} at (40,96) size 744x39 [border: (3px solid #000000) none]
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 734x36
             text run at (0,0) width 734: "Each list item in this list should have a medium-width black border at its bottom, which for the first item means that it"
@@ -83,55 +83,55 @@ layer at (0,0) size 800x995
               text run at (92,18) width 50: "beneath"
           RenderText {TEXT} at (142,18) size 390x18
             text run at (142,18) width 390: " the nested list (below the line \"...nested within the list item.\")."
-      RenderTable {TABLE} at (0,533) size 784x446 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,533) size 784x446 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x444
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 782x27 [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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,222) size 12x27 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            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 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,27) size 770x417 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,27) size 770x417 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 762x36
                 RenderText {TEXT} at (0,0) size 731x36
                   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,18) width 365: "applies only to the cells, not the rows which contain them."
-              RenderBlock {P} at (4,56) size 762x28
+              RenderBlock {P} at (4,56) size 762x28 [border: (10px double #800080) none]
                 RenderText {TEXT} at (0,0) size 438x18
                   text run at (0,0) width 310: "This paragraph should have a purple, double, 10-"
                   text run at (310,0) width 128: "pixel bottom border."
-              RenderBlock {P} at (4,100) size 762x19
+              RenderBlock {P} at (4,100) size 762x19 [border: (1px solid #800080) none]
                 RenderText {TEXT} at (0,0) size 355x18
                   text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
-              RenderTable {TABLE} at (4,135) size 762x110
+              RenderTable {TABLE} at (4,135) size 762x110 [border: (1px outset #808080)]
                 RenderTableSection {TBODY} at (1,1) size 0x108
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (5,5) size 750x41 [r=0 c=0 rs=1 cs=2]
+                    RenderTableCell {TD} at (5,5) size 750x41 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
                       RenderText {TEXT} at (2,2) size 736x36
                         text run at (2,2) width 248: "Every cell in this table should have a 2-"
                         text run at (250,2) width 205: "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,20) width 198: "the second half of the test page."
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (5,65) size 190x23 [r=1 c=0 rs=1 cs=1]
+                    RenderTableCell {TD} at (5,65) size 190x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
                       RenderText {TEXT} at (2,2) size 53x18
                         text run at (2,2) width 53: "Cell one"
-                    RenderTableCell {TD} at (200,51) size 555x52 [r=1 c=1 rs=1 cs=1]
+                    RenderTableCell {TD} at (200,51) size 555x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
                       RenderBlock (anonymous) at (2,2) size 551x18
                         RenderText {TEXT} at (0,0) size 54x18
                           text run at (0,0) width 54: "Cell two"
-                      RenderTable {TABLE} at (2,20) size 161x29
+                      RenderTable {TABLE} at (2,20) size 161x29 [border: (1px outset #808080)]
                         RenderTableSection {TBODY} at (1,1) size 0x27
                           RenderTableRow {TR} at (0,0) size 0x0
-                            RenderTableCell {TD} at (2,2) size 155x23 [r=0 c=0 rs=1 cs=1]
+                            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 151x18
                                 text run at (2,2) width 151: "Nested single-cell table!"
               RenderBlock {UL} at (4,261) size 762x135
-                RenderListItem {LI} at (40,0) size 722x75
+                RenderListItem {LI} at (40,0) size 722x75 [border: (3px solid #000000) none]
                   RenderBlock (anonymous) at (0,0) size 722x18
                     RenderListMarker at (0,0) size 0x14
                     RenderText {TEXT} at (0,0) size 118x18
@@ -149,11 +149,11 @@ layer at (0,0) size 800x995
                       RenderListMarker at (0,0) size 0x14
                       RenderText {TEXT} at (0,0) size 176x18
                         text run at (0,0) width 176: "...nested within the list item."
-                RenderListItem {LI} at (40,75) size 722x21
+                RenderListItem {LI} at (40,75) size 722x21 [border: (3px solid #000000) none]
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 158x18
                     text run at (0,0) width 158: "This is a second list item."
-                RenderListItem {LI} at (40,96) size 722x39
+                RenderListItem {LI} at (40,96) size 722x39 [border: (3px solid #000000) none]
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 722x36
                     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"
index 99c7a66..e3dfa47 100644 (file)
@@ -11,46 +11,46 @@ layer at (0,0) size 800x286
           text run at (0,0) width 296: ".one {border-bottom: purple double 10"
           text run at (296,0) width 32: "px;}"
           text run at (0,15) width 320: ".two {border-bottom: purple thin solid;}"
-      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,110) size 784x54 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 666x18
           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 57x28 [bgcolor=#000000]
+        RenderInline {SPAN} at (0,0) size 57x28 [bgcolor=#000000] [border: (10px double #800080) none]
           RenderText {TEXT} at (666,0) size 57x18
             text run at (666,0) width 57: "class one"
         RenderText {TEXT} at (723,0) size 770x36
           text run at (723,0) width 47: ", which"
           text run at (0,18) width 112: "should have a 10-"
           text run at (112,18) width 250: "pixel purple double bottom border; and "
-        RenderInline {SPAN} at (0,0) size 58x19 [bgcolor=#000000]
+        RenderInline {SPAN} at (0,0) size 58x19 [bgcolor=#000000] [border: (1px solid #800080) none]
           RenderText {TEXT} at (362,18) size 58x18
             text run at (362,18) width 58: "class two"
         RenderText {TEXT} at (420,18) size 761x36
           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 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,180) size 784x90 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x88
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            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 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x62 [r=1 c=1 rs=1 cs=1]
+            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 666x18
                   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 57x28 [bgcolor=#000000]
+                RenderInline {SPAN} at (0,0) size 57x28 [bgcolor=#000000] [border: (10px double #800080) none]
                   RenderText {TEXT} at (666,0) size 57x18
                     text run at (666,0) width 57: "class one"
                 RenderText {TEXT} at (723,0) size 727x36
                   text run at (723,0) width 4: ","
                   text run at (0,18) width 155: "which should have a 10-"
                   text run at (155,18) width 250: "pixel purple double bottom border; and "
-                RenderInline {SPAN} at (0,0) size 58x19 [bgcolor=#000000]
+                RenderInline {SPAN} at (0,0) size 58x19 [bgcolor=#000000] [border: (1px solid #800080) none]
                   RenderText {TEXT} at (405,18) size 58x18
                     text run at (405,18) width 58: "class two"
                 RenderText {TEXT} at (463,18) size 755x36
index 91e44b6..804d197 100644 (file)
@@ -16,7 +16,7 @@ layer at (0,0) size 800x877
           text run at (0,60) width 440: ".four {border-bottom-width: thin; border-style: solid;}"
           text run at (0,75) width 240: ".five {border-bottom-width: 25"
           text run at (240,75) width 32: "px;}"
-      RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,155) size 784x18 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 157x18
           text run at (0,0) width 157: "(These will only work if "
@@ -28,16 +28,16 @@ layer at (0,0) size 800x877
       RenderBlock {P} at (0,189) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,223) size 784x71 [bgcolor=#000000]
+      RenderBlock {P} at (0,223) size 784x71 [bgcolor=#000000] [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 387x18
           text run at (3,3) width 387: "This element should have a bottom border width of 50 pixels."
-      RenderBlock {P} at (0,310) size 784x26 [bgcolor=#000000]
+      RenderBlock {P} at (0,310) size 784x26 [bgcolor=#000000] [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 344x18
           text run at (3,3) width 344: "This element should have a thick bottom border width."
-      RenderBlock {P} at (0,352) size 784x24 [bgcolor=#000000]
+      RenderBlock {P} at (0,352) size 784x24 [bgcolor=#000000] [border: (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 364x18
           text run at (3,3) width 364: "This element should have a medium bottom border width."
-      RenderBlock {P} at (0,392) size 784x22 [bgcolor=#000000]
+      RenderBlock {P} at (0,392) size 784x22 [bgcolor=#000000] [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 337x18
           text run at (3,3) width 337: "This element should have a thin bottom border width."
       RenderBlock {P} at (0,430) size 784x18 [bgcolor=#000000]
@@ -51,18 +51,18 @@ layer at (0,0) size 800x877
       RenderBlock {P} at (0,464) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderTable {TABLE} at (0,498) size 709x363 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,498) size 709x363 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x361
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 707x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,180) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,180) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 695x335 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 695x335 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 687x18
                 RenderText {TEXT} at (0,0) size 157x18
                   text run at (0,0) width 157: "(These will only work if "
@@ -74,16 +74,16 @@ layer at (0,0) size 800x877
               RenderBlock {P} at (4,38) size 687x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (4,72) size 687x71
+              RenderBlock {P} at (4,72) size 687x71 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
                 RenderText {TEXT} at (3,3) size 387x18
                   text run at (3,3) width 387: "This element should have a bottom border width of 50 pixels."
-              RenderBlock {P} at (4,159) size 687x26
+              RenderBlock {P} at (4,159) size 687x26 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
                 RenderText {TEXT} at (3,3) size 344x18
                   text run at (3,3) width 344: "This element should have a thick bottom border width."
-              RenderBlock {P} at (4,201) size 687x24
+              RenderBlock {P} at (4,201) size 687x24 [border: (3px solid #000000)]
                 RenderText {TEXT} at (3,3) size 364x18
                   text run at (3,3) width 364: "This element should have a medium bottom border width."
-              RenderBlock {P} at (4,241) size 687x22
+              RenderBlock {P} at (4,241) size 687x22 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
                 RenderText {TEXT} at (3,3) size 337x18
                   text run at (3,3) width 337: "This element should have a thin bottom border width."
               RenderBlock {P} at (4,279) size 687x18
index 93a3a97..b8dc81f 100644 (file)
@@ -13,8 +13,8 @@ layer at (0,0) size 800x378
           text run at (0,15) width 432: ".two {border-bottom-width: thin; border-style: solid;}"
           text run at (0,30) width 248: ".three {border-bottom-width: 25"
           text run at (248,30) width 32: "px;}"
-      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
-      RenderBlock {P} at (0,110) size 784x100 [bgcolor=#000000]
+      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
+      RenderBlock {P} at (0,110) size 784x100 [bgcolor=#000000] [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 172x18
           text run at (3,3) width 172: "This element has a class of "
         RenderInline {TT} at (0,0) size 24x15
@@ -23,7 +23,7 @@ layer at (0,0) size 800x378
         RenderText {TEXT} at (199,3) size 162x18
           text run at (199,3) width 8: ". "
           text run at (207,3) width 154: "However, it contains an "
-        RenderInline {SPAN} at (0,0) size 173x22
+        RenderInline {SPAN} at (0,0) size 173x22 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
           RenderText {TEXT} at (364,3) size 143x18
             text run at (364,3) width 143: "inline element of class "
           RenderInline {TT} at (0,0) size 24x15
@@ -43,19 +43,19 @@ layer at (0,0) size 800x378
         RenderText {TEXT} at (234,39) size 770x36
           text run at (234,39) width 539: ", which should have no bottom border width or visible border because no border style"
           text run at (3,57) width 50: "was set."
-      RenderTable {TABLE} at (0,226) size 784x136 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,226) size 784x136 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x134
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,67) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,67) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x108 [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x100
+            RenderTableCell {TD} at (12,26) size 770x108 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x100 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
                 RenderText {TEXT} at (3,3) size 172x18
                   text run at (3,3) width 172: "This element has a class of "
                 RenderInline {TT} at (0,0) size 24x15
@@ -64,7 +64,7 @@ layer at (0,0) size 800x378
                 RenderText {TEXT} at (199,3) size 162x18
                   text run at (199,3) width 8: ". "
                   text run at (207,3) width 154: "However, it contains an "
-                RenderInline {SPAN} at (0,0) size 173x22
+                RenderInline {SPAN} at (0,0) size 173x22 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
                   RenderText {TEXT} at (364,3) size 143x18
                     text run at (364,3) width 143: "inline element of class "
                   RenderInline {TT} at (0,0) size 24x15
index d2204c1..d74b8d8 100644 (file)
@@ -11,36 +11,36 @@ layer at (0,0) size 800x422
           text run at (0,0) width 392: ".one {border-color: purple; border-style: solid;}"
           text run at (0,15) width 568: ".two {border-color: purple; border-width: medium; border-style: solid;}"
           text run at (0,30) width 728: ".three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}"
-      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
-      RenderBlock {P} at (0,110) size 784x24 [bgcolor=#000000]
+      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
+      RenderBlock {P} at (0,110) size 784x24 [bgcolor=#000000] [border: (3px solid #800080)]
         RenderText {TEXT} at (3,3) size 357x18
           text run at (3,3) width 357: "This element should have a purple border surrounding it."
-      RenderBlock {P} at (0,150) size 784x24 [bgcolor=#000000]
+      RenderBlock {P} at (0,150) size 784x24 [bgcolor=#000000] [border: (3px solid #800080)]
         RenderText {TEXT} at (3,3) size 453x18
           text run at (3,3) width 453: "This element should have a medium-width purple border surrounding it."
-      RenderBlock {P} at (0,190) size 784x42 [bgcolor=#000000]
+      RenderBlock {P} at (0,190) size 784x42 [bgcolor=#000000] [border: (3px solid #800080) (3px solid #008000) (3px solid #0000FF) (3px solid #FFFF00)]
         RenderText {TEXT} at (3,3) size 763x36
           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,21) width 222: "bottom, and yellow on the left side."
-      RenderTable {TABLE} at (0,248) size 784x158 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,248) size 784x158 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x156
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,78) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            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 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x130 [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x24
+            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 357x18
                   text run at (3,3) width 357: "This element should have a purple border surrounding it."
-              RenderBlock {P} at (4,44) size 762x24
+              RenderBlock {P} at (4,44) size 762x24 [border: (3px solid #800080)]
                 RenderText {TEXT} at (3,3) size 453x18
                   text run at (3,3) width 453: "This element should have a medium-width purple border surrounding it."
-              RenderBlock {P} at (4,84) size 762x42
+              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 740x36
                   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,21) width 245: "the bottom, and yellow on the left side."
index 7636255..fb832ff 100644 (file)
@@ -11,22 +11,22 @@ layer at (0,0) size 800x322
           text run at (0,0) width 392: ".one {border-color: purple; border-style: solid;}"
           text run at (0,15) width 568: ".two {border-color: purple; border-width: medium; border-style: solid;}"
           text run at (0,30) width 728: ".three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}"
-      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,110) size 784x72 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 677x18
           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 63x24 [bgcolor=#000000]
+        RenderInline {SPAN} at (0,0) size 63x24 [bgcolor=#000000] [border: (3px solid #800080)]
           RenderText {TEXT} at (680,0) size 57x18
             text run at (680,0) width 57: "class one"
         RenderText {TEXT} at (740,0) size 8x18
           text run at (740,0) width 8: ", "
-        RenderInline {SPAN} at (0,0) size 781x42 [bgcolor=#000000]
+        RenderInline {SPAN} at (0,0) size 781x42 [bgcolor=#000000] [border: (3px solid #800080)]
           RenderText {TEXT} at (751,0) size 781x36
             text run at (751,0) width 30: "class"
             text run at (0,18) width 24: "two"
         RenderText {TEXT} at (27,18) size 35x18
           text run at (27,18) width 35: ", and "
-        RenderInline {SPAN} at (0,0) size 71x24 [bgcolor=#000000]
+        RenderInline {SPAN} at (0,0) size 71x24 [bgcolor=#000000] [border: (3px solid #800080) (3px solid #008000) (3px solid #0000FF) (3px solid #FFFF00)]
           RenderText {TEXT} at (65,18) size 65x18
             text run at (65,18) width 65: "class three"
         RenderText {TEXT} at (133,18) size 764x54
@@ -35,32 +35,32 @@ layer at (0,0) size 800x322
           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 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,198) size 784x108 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x106
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,53) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            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 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x80 [r=1 c=1 rs=1 cs=1]
+            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 677x18
                   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 63x24 [bgcolor=#000000]
+                RenderInline {SPAN} at (0,0) size 63x24 [bgcolor=#000000] [border: (3px solid #800080)]
                   RenderText {TEXT} at (680,0) size 57x18
                     text run at (680,0) width 57: "class one"
                 RenderText {TEXT} at (740,0) size 4x18
                   text run at (740,0) width 4: ","
-                RenderInline {SPAN} at (0,0) size 64x24 [bgcolor=#000000]
+                RenderInline {SPAN} at (0,0) size 64x24 [bgcolor=#000000] [border: (3px solid #800080)]
                   RenderText {TEXT} at (3,18) size 58x18
                     text run at (3,18) width 58: "class two"
                 RenderText {TEXT} at (64,18) size 35x18
                   text run at (64,18) width 35: ", and "
-                RenderInline {SPAN} at (0,0) size 71x24 [bgcolor=#000000]
+                RenderInline {SPAN} at (0,0) size 71x24 [bgcolor=#000000] [border: (3px solid #800080) (3px solid #008000) (3px solid #0000FF) (3px solid #FFFF00)]
                   RenderText {TEXT} at (102,18) size 65x18
                     text run at (102,18) width 65: "class three"
                 RenderText {TEXT} at (170,18) size 756x54
index 57fbe99..a9bf68f 100644 (file)
@@ -12,47 +12,47 @@ layer at (0,0) size 800x286
           text run at (128,0) width 128: "px teal outset;}"
           text run at (0,15) width 128: ".two {border: 10"
           text run at (128,15) width 128: "px olive inset;}"
-      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,110) size 784x54 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 677x18
           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 77x38 [bgcolor=#000000]
+        RenderInline {SPAN} at (0,0) size 77x38 [bgcolor=#000000] [border: (10px outset #008080)]
           RenderText {TEXT} at (687,0) size 57x18
             text run at (687,0) width 57: "class one"
         RenderText {TEXT} at (754,0) size 758x36
           text run at (754,0) width 4: ","
           text run at (0,18) width 175: "which should result in a 10-"
           text run at (175,18) width 178: "pixel outset teal border; and "
-        RenderInline {SPAN} at (0,0) size 78x38 [bgcolor=#000000]
+        RenderInline {SPAN} at (0,0) size 78x38 [bgcolor=#000000] [border: (10px inset #808000)]
           RenderText {TEXT} at (363,18) size 58x18
             text run at (363,18) width 58: "class two"
         RenderText {TEXT} at (431,18) size 762x36
           text run at (431,18) width 183: ", which should result in a 10-"
           text run at (614,18) width 148: "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 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,180) size 784x90 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x88
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            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 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x62 [r=1 c=1 rs=1 cs=1]
+            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 677x18
                   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 77x38 [bgcolor=#000000]
+                RenderInline {SPAN} at (0,0) size 77x38 [bgcolor=#000000] [border: (10px outset #008080)]
                   RenderText {TEXT} at (687,0) size 57x18
                     text run at (687,0) width 57: "class one"
                 RenderText {TEXT} at (754,0) size 758x36
                   text run at (754,0) width 4: ","
                   text run at (0,18) width 175: "which should result in a 10-"
                   text run at (175,18) width 178: "pixel outset teal border; and "
-                RenderInline {SPAN} at (0,0) size 78x38 [bgcolor=#000000]
+                RenderInline {SPAN} at (0,0) size 78x38 [bgcolor=#000000] [border: (10px inset #808000)]
                   RenderText {TEXT} at (363,18) size 58x18
                     text run at (363,18) width 58: "class two"
                 RenderText {TEXT} at (431,18) size 762x36
index 3a8ddaa..b1b0f0f 100644 (file)
@@ -18,44 +18,44 @@ layer at (0,0) size 800x1028
           text run at (0,75) width 328: ".threec {border-left: blue medium solid;}"
           text run at (0,90) width 192: "TD {border-left: green 2"
           text run at (192,90) width 80: "px solid;}"
-      RenderBlock {HR} at (0,152) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,152) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (20,170) size 764x36 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 755x36
           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 121: "This border applies"
           text run at (0,18) width 317: "only to the cells, not the rows which contain them."
-      RenderBlock {P} at (20,222) size 764x18 [bgcolor=#000000]
+      RenderBlock {P} at (20,222) size 764x18 [bgcolor=#000000] [border: (10px double #800080)]
         RenderText {TEXT} at (10,0) size 414x18
           text run at (10,0) width 310: "This paragraph should have a purple, double, 10-"
           text run at (320,0) width 104: "pixel left border."
-      RenderBlock {P} at (20,256) size 764x18 [bgcolor=#000000]
+      RenderBlock {P} at (20,256) size 764x18 [bgcolor=#000000] [border: (1px solid #800080)]
         RenderText {TEXT} at (1,0) size 331x18
           text run at (1,0) width 331: "This paragraph should have a thin purple left border."
-      RenderTable {TABLE} at (0,290) size 784x107 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,290) size 784x107 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x105
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (5,5) size 772x40 [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (5,5) size 772x40 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
               RenderText {TEXT} at (3,2) size 735x36
                 text run at (3,2) width 248: "Every cell in this table should have a 2-"
                 text run at (251,2) width 181: "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,20) width 175: "second half of the test page."
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (5,64) size 197x22 [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (5,64) size 197x22 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (3,2) size 53x18
                 text run at (3,2) width 53: "Cell one"
-            RenderTableCell {TD} at (207,50) size 570x50 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (207,50) size 570x50 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
               RenderBlock (anonymous) at (3,2) size 565x18
                 RenderText {TEXT} at (0,0) size 54x18
                   text run at (0,0) width 54: "Cell two"
-              RenderTable {TABLE} at (3,20) size 162x28
+              RenderTable {TABLE} at (3,20) size 162x28 [border: (1px outset #808080)]
                 RenderTableSection {TBODY} at (1,1) size 0x26
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (2,2) size 156x22 [r=0 c=0 rs=1 cs=1]
+                    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 151x18
                         text run at (3,2) width 151: "Nested single-cell table!"
       RenderBlock {UL} at (0,413) size 784x144 [bgcolor=#000000]
-        RenderListItem {LI} at (40,0) size 744x72
+        RenderListItem {LI} at (40,0) size 744x72 [border: (3px solid #000000)]
           RenderBlock (anonymous) at (3,0) size 741x18
             RenderListMarker at (0,0) size 0x14
             RenderText {TEXT} at (0,0) size 118x18
@@ -73,66 +73,66 @@ layer at (0,0) size 800x1028
               RenderListMarker at (0,0) size 0x14
               RenderText {TEXT} at (0,0) size 176x18
                 text run at (0,0) width 176: "...nested within the list item."
-        RenderListItem {LI} at (40,72) size 744x18
+        RenderListItem {LI} at (40,72) size 744x18 [border: (3px solid #800080)]
           RenderListMarker at (3,0) size 0x14
           RenderText {TEXT} at (3,0) size 158x18
             text run at (3,0) width 158: "This is a second list item."
-        RenderListItem {LI} at (40,90) size 744x54
+        RenderListItem {LI} at (40,90) size 744x54 [border: (3px solid #0000FF)]
           RenderListMarker at (3,0) size 0x14
           RenderText {TEXT} at (3,0) size 720x54
             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,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 784x439 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,573) size 784x439 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x437
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (5,4) size 163x18
                   text run at (5,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,218) size 13x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            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 4x18
                 text run at (5,4) width 4: " "
-            RenderTableCell {TD} at (13,26) size 769x411 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (13,26) size 769x411 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (25,4) size 740x36
                 RenderText {TEXT} at (0,0) size 707x36
                   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,18) width 365: "applies only to the cells, not the rows which contain them."
-              RenderBlock {P} at (25,56) size 740x18
+              RenderBlock {P} at (25,56) size 740x18 [border: (10px double #800080)]
                 RenderText {TEXT} at (10,0) size 414x18
                   text run at (10,0) width 310: "This paragraph should have a purple, double, 10-"
                   text run at (320,0) width 104: "pixel left border."
-              RenderBlock {P} at (25,90) size 740x18
+              RenderBlock {P} at (25,90) size 740x18 [border: (1px solid #800080)]
                 RenderText {TEXT} at (1,0) size 331x18
                   text run at (1,0) width 331: "This paragraph should have a thin purple left border."
-              RenderTable {TABLE} at (5,124) size 760x107
+              RenderTable {TABLE} at (5,124) size 760x107 [border: (1px outset #808080)]
                 RenderTableSection {TBODY} at (1,1) size 0x105
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (5,5) size 748x40 [r=0 c=0 rs=1 cs=2]
+                    RenderTableCell {TD} at (5,5) size 748x40 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
                       RenderText {TEXT} at (3,2) size 735x36
                         text run at (3,2) width 248: "Every cell in this table should have a 2-"
                         text run at (251,2) width 181: "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,20) width 175: "second half of the test page."
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (5,64) size 191x22 [r=1 c=0 rs=1 cs=1]
+                    RenderTableCell {TD} at (5,64) size 191x22 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
                       RenderText {TEXT} at (3,2) size 53x18
                         text run at (3,2) width 53: "Cell one"
-                    RenderTableCell {TD} at (201,50) size 552x50 [r=1 c=1 rs=1 cs=1]
+                    RenderTableCell {TD} at (201,50) size 552x50 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
                       RenderBlock (anonymous) at (3,2) size 547x18
                         RenderText {TEXT} at (0,0) size 54x18
                           text run at (0,0) width 54: "Cell two"
-                      RenderTable {TABLE} at (3,20) size 162x28
+                      RenderTable {TABLE} at (3,20) size 162x28 [border: (1px outset #808080)]
                         RenderTableSection {TBODY} at (1,1) size 0x26
                           RenderTableRow {TR} at (0,0) size 0x0
-                            RenderTableCell {TD} at (2,2) size 156x22 [r=0 c=0 rs=1 cs=1]
+                            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 151x18
                                 text run at (3,2) width 151: "Nested single-cell table!"
               RenderBlock {UL} at (5,247) size 760x144
-                RenderListItem {LI} at (40,0) size 720x72
+                RenderListItem {LI} at (40,0) size 720x72 [border: (3px solid #000000)]
                   RenderBlock (anonymous) at (3,0) size 717x18
                     RenderListMarker at (0,0) size 0x14
                     RenderText {TEXT} at (0,0) size 118x18
@@ -150,11 +150,11 @@ layer at (0,0) size 800x1028
                       RenderListMarker at (0,0) size 0x14
                       RenderText {TEXT} at (0,0) size 176x18
                         text run at (0,0) width 176: "...nested within the list item."
-                RenderListItem {LI} at (40,72) size 720x18
+                RenderListItem {LI} at (40,72) size 720x18 [border: (3px solid #800080)]
                   RenderListMarker at (3,0) size 0x14
                   RenderText {TEXT} at (3,0) size 158x18
                     text run at (3,0) width 158: "This is a second list item."
-                RenderListItem {LI} at (40,90) size 720x54
+                RenderListItem {LI} at (40,90) size 720x54 [border: (3px solid #0000FF)]
                   RenderListMarker at (3,0) size 0x14
                   RenderText {TEXT} at (3,0) size 704x54
                     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."
index be627ed..690194f 100644 (file)
@@ -13,48 +13,48 @@ layer at (0,0) size 800x301
           text run at (0,15) width 280: ".one {border-left: purple double 10"
           text run at (280,15) width 32: "px;}"
           text run at (0,30) width 304: ".two {border-left: purple thin solid;}"
-      RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (20,125) size 764x54 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 760x18
           text run at (0,0) width 364: "This paragraph has a background color of silver and a 20-"
           text run at (364,0) width 396: "pixel left margin, and it contains inline elements with classes of"
-        RenderInline {SPAN} at (0,0) size 67x18 [bgcolor=#000000]
+        RenderInline {SPAN} at (0,0) size 67x18 [bgcolor=#000000] [border: (10px double #800080)]
           RenderText {TEXT} at (10,18) size 57x18
             text run at (10,18) width 57: "class one"
         RenderText {TEXT} at (67,18) size 389x18
           text run at (67,18) width 163: ", which should have a 10-"
           text run at (230,18) width 226: "pixel purple double left border; and "
-        RenderInline {SPAN} at (0,0) size 59x18 [bgcolor=#000000]
+        RenderInline {SPAN} at (0,0) size 59x18 [bgcolor=#000000] [border: (1px solid #800080)]
           RenderText {TEXT} at (457,18) size 58x18
             text run at (457,18) width 58: "class two"
         RenderText {TEXT} at (515,18) size 759x36
           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 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,195) size 784x90 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x88
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            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 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x62 [r=1 c=1 rs=1 cs=1]
+            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 696x36
                   text run at (0,0) width 364: "This paragraph has a background color of silver and a 20-"
                   text run at (364,0) width 332: "pixel left margin, and it contains inline elements with"
                   text run at (0,18) width 64: "classes of "
-                RenderInline {SPAN} at (0,0) size 67x18 [bgcolor=#000000]
+                RenderInline {SPAN} at (0,0) size 67x18 [bgcolor=#000000] [border: (10px double #800080)]
                   RenderText {TEXT} at (74,18) size 57x18
                     text run at (74,18) width 57: "class one"
                 RenderText {TEXT} at (131,18) size 389x18
                   text run at (131,18) width 163: ", which should have a 10-"
                   text run at (294,18) width 226: "pixel purple double left border; and "
-                RenderInline {SPAN} at (0,0) size 59x18 [bgcolor=#000000]
+                RenderInline {SPAN} at (0,0) size 59x18 [bgcolor=#000000] [border: (1px solid #800080)]
                   RenderText {TEXT} at (521,18) size 58x18
                     text run at (521,18) width 58: "class two"
                 RenderText {TEXT} at (579,18) size 717x36
index d6c802f..379c956 100644 (file)
@@ -16,7 +16,7 @@ layer at (0,0) size 800x805
           text run at (0,60) width 424: ".four {border-left-width: thin; border-style: solid;}"
           text run at (0,75) width 224: ".five {border-left-width: 25"
           text run at (224,75) width 32: "px;}"
-      RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,155) size 784x18 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 157x18
           text run at (0,0) width 157: "(These will only work if "
@@ -28,18 +28,18 @@ layer at (0,0) size 800x805
       RenderBlock {P} at (0,189) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,223) size 784x42 [bgcolor=#000000]
+      RenderBlock {P} at (0,223) size 784x42 [bgcolor=#000000] [border: (3px solid #000000) (50px solid #000000)]
         RenderText {TEXT} at (50,3) size 713x36
           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,21) width 86: "one line long."
-      RenderBlock {P} at (0,281) size 784x24 [bgcolor=#000000]
+      RenderBlock {P} at (0,281) size 784x24 [bgcolor=#000000] [border: (3px solid #000000) (5px solid #000000)]
         RenderText {TEXT} at (5,3) size 760x18
           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,321) size 784x42 [bgcolor=#000000]
+      RenderBlock {P} at (0,321) size 784x42 [bgcolor=#000000] [border: (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 744x36
           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,21) width 32: "long."
-      RenderBlock {P} at (0,379) size 784x24 [bgcolor=#000000]
+      RenderBlock {P} at (0,379) size 784x24 [bgcolor=#000000] [border: (3px solid #000000) (1px solid #000000)]
         RenderText {TEXT} at (1,3) size 753x18
           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,419) size 784x18 [bgcolor=#000000]
@@ -50,18 +50,18 @@ layer at (0,0) size 800x805
             text run at (513,2) width 96: "border-style"
         RenderText {TEXT} at (609,0) size 54x18
           text run at (609,0) width 54: " was set."
-      RenderTable {TABLE} at (0,453) size 784x336 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,453) size 784x336 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x334
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,167) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,167) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x308 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 770x308 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 762x18
                 RenderText {TEXT} at (0,0) size 157x18
                   text run at (0,0) width 157: "(These will only work if "
@@ -73,19 +73,19 @@ layer at (0,0) size 800x805
               RenderBlock {P} at (4,38) size 762x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (4,72) size 762x42
+              RenderBlock {P} at (4,72) size 762x42 [border: (3px solid #000000) (50px solid #000000)]
                 RenderText {TEXT} at (50,3) size 682x36
                   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,21) width 117: "than one line long."
-              RenderBlock {P} at (4,130) size 762x42
+              RenderBlock {P} at (4,130) size 762x42 [border: (3px solid #000000) (5px solid #000000)]
                 RenderText {TEXT} at (5,3) size 724x36
                   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,21) width 32: "long."
-              RenderBlock {P} at (4,188) size 762x42
+              RenderBlock {P} at (4,188) size 762x42 [border: (3px solid #000000)]
                 RenderText {TEXT} at (3,3) size 744x36
                   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,21) width 32: "long."
-              RenderBlock {P} at (4,246) size 762x24
+              RenderBlock {P} at (4,246) size 762x24 [border: (3px solid #000000) (1px solid #000000)]
                 RenderText {TEXT} at (1,3) size 753x18
                   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 (4,286) size 762x18
index 162d9db..81a1fb6 100644 (file)
@@ -13,8 +13,8 @@ layer at (0,0) size 800x334
           text run at (0,15) width 416: ".two {border-left-width: thin; border-style: solid;}"
           text run at (0,30) width 232: ".three {border-left-width: 25"
           text run at (232,30) width 32: "px;}"
-      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
-      RenderBlock {P} at (0,110) size 784x78 [bgcolor=#000000]
+      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
+      RenderBlock {P} at (0,110) size 784x78 [bgcolor=#000000] [border: (3px solid #000000) (25px solid #000000)]
         RenderText {TEXT} at (25,3) size 172x18
           text run at (25,3) width 172: "This element has a class of "
         RenderInline {TT} at (0,0) size 24x15
@@ -23,7 +23,7 @@ layer at (0,0) size 800x334
         RenderText {TEXT} at (221,3) size 162x18
           text run at (221,3) width 8: ". "
           text run at (229,3) width 154: "However, it contains an "
-        RenderInline {SPAN} at (0,0) size 171x24
+        RenderInline {SPAN} at (0,0) size 171x24 [border: (3px solid #000000) (1px solid #000000)]
           RenderText {TEXT} at (384,3) size 143x18
             text run at (384,3) width 143: "inline element of class "
           RenderInline {TT} at (0,0) size 24x15
@@ -48,19 +48,19 @@ layer at (0,0) size 800x334
         RenderText {TEXT} at (270,39) size 727x36
           text run at (270,39) width 482: ", which should have no left border width or visible border because no border"
           text run at (25,57) width 83: "style was set."
-      RenderTable {TABLE} at (0,204) size 784x114 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,204) size 784x114 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x112
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,56) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,56) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x86 [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x78
+            RenderTableCell {TD} at (12,26) size 770x86 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x78 [border: (3px solid #000000) (25px solid #000000)]
                 RenderText {TEXT} at (25,3) size 172x18
                   text run at (25,3) width 172: "This element has a class of "
                 RenderInline {TT} at (0,0) size 24x15
@@ -69,7 +69,7 @@ layer at (0,0) size 800x334
                 RenderText {TEXT} at (221,3) size 162x18
                   text run at (221,3) width 8: ". "
                   text run at (229,3) width 154: "However, it contains an "
-                RenderInline {SPAN} at (0,0) size 171x24
+                RenderInline {SPAN} at (0,0) size 171x24 [border: (3px solid #000000) (1px solid #000000)]
                   RenderText {TEXT} at (384,3) size 143x18
                     text run at (384,3) width 143: "inline element of class "
                   RenderInline {TT} at (0,0) size 24x15
index 36604ff..ebe1bec 100644 (file)
@@ -13,49 +13,49 @@ layer at (0,0) size 800x301
           text run at (0,15) width 288: ".one {border-right: purple double 10"
           text run at (288,15) width 32: "px;}"
           text run at (0,30) width 312: ".two {border-right: purple thin solid;}"
-      RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,125) size 764x54 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 752x36
           text run at (0,0) width 364: "This paragraph has a background color of silver and a 20-"
           text run at (364,0) width 388: "pixel right margin, and it contains inline elements with classes"
           text run at (0,18) width 17: "of "
-        RenderInline {SPAN} at (0,0) size 67x18 [bgcolor=#000000]
+        RenderInline {SPAN} at (0,0) size 67x18 [bgcolor=#000000] [border: (10px double #800080) none]
           RenderText {TEXT} at (17,18) size 57x18
             text run at (17,18) width 57: "class one"
         RenderText {TEXT} at (84,18) size 398x18
           text run at (84,18) width 163: ", which should have a 10-"
           text run at (247,18) width 235: "pixel purple double right border; and "
-        RenderInline {SPAN} at (0,0) size 59x18 [bgcolor=#000000]
+        RenderInline {SPAN} at (0,0) size 59x18 [bgcolor=#000000] [border: (1px solid #800080) none]
           RenderText {TEXT} at (482,18) size 58x18
             text run at (482,18) width 58: "class two"
         RenderText {TEXT} at (541,18) size 741x36
           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 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,195) size 784x90 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x88
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            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 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x62 [r=1 c=1 rs=1 cs=1]
+            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 705x36
                   text run at (0,0) width 364: "This paragraph has a background color of silver and a 20-"
                   text run at (364,0) width 341: "pixel right margin, and it contains inline elements with"
                   text run at (0,18) width 64: "classes of "
-                RenderInline {SPAN} at (0,0) size 67x18 [bgcolor=#000000]
+                RenderInline {SPAN} at (0,0) size 67x18 [bgcolor=#000000] [border: (10px double #800080) none]
                   RenderText {TEXT} at (64,18) size 57x18
                     text run at (64,18) width 57: "class one"
                 RenderText {TEXT} at (131,18) size 398x18
                   text run at (131,18) width 163: ", which should have a 10-"
                   text run at (294,18) width 235: "pixel purple double right border; and "
-                RenderInline {SPAN} at (0,0) size 59x18 [bgcolor=#000000]
+                RenderInline {SPAN} at (0,0) size 59x18 [bgcolor=#000000] [border: (1px solid #800080) none]
                   RenderText {TEXT} at (529,18) size 58x18
                     text run at (529,18) width 58: "class two"
                 RenderText {TEXT} at (588,18) size 726x36
index 6479767..0e654b6 100644 (file)
@@ -18,44 +18,44 @@ layer at (0,0) size 800x1064
           text run at (0,75) width 336: ".threec {border-right: blue medium solid;}"
           text run at (0,90) width 200: "TD {border-right: green 2"
           text run at (200,90) width 80: "px solid;}"
-      RenderBlock {HR} at (0,152) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,152) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,170) size 764x36 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 764x36
           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 121: "This border applies"
           text run at (0,18) width 317: "only to the cells, not the rows which contain them."
-      RenderBlock {P} at (0,222) size 764x18 [bgcolor=#000000]
+      RenderBlock {P} at (0,222) size 764x18 [bgcolor=#000000] [border: (10px double #800080) none]
         RenderText {TEXT} at (0,0) size 423x18
           text run at (0,0) width 310: "This paragraph should have a purple, double, 10-"
           text run at (310,0) width 113: "pixel right border."
-      RenderBlock {P} at (0,256) size 764x18 [bgcolor=#000000]
+      RenderBlock {P} at (0,256) size 764x18 [bgcolor=#000000] [border: (1px solid #800080) none]
         RenderText {TEXT} at (0,0) size 340x18
           text run at (0,0) width 340: "This paragraph should have a thin purple right border."
-      RenderTable {TABLE} at (0,290) size 784x107 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,290) size 784x107 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x105
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (5,5) size 772x40 [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (5,5) size 772x40 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderText {TEXT} at (2,2) size 744x36
                 text run at (2,2) width 248: "Every cell in this table should have a 2-"
                 text run at (250,2) width 190: "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,20) width 175: "second half of the test page."
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (5,64) size 196x22 [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (5,64) size 196x22 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (2,2) size 53x18
                 text run at (2,2) width 53: "Cell one"
-            RenderTableCell {TD} at (206,50) size 571x50 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (206,50) size 571x50 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock (anonymous) at (2,2) size 566x18
                 RenderText {TEXT} at (0,0) size 54x18
                   text run at (0,0) width 54: "Cell two"
-              RenderTable {TABLE} at (2,20) size 162x28
+              RenderTable {TABLE} at (2,20) size 162x28 [border: (1px outset #808080)]
                 RenderTableSection {TBODY} at (1,1) size 0x26
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (2,2) size 156x22 [r=0 c=0 rs=1 cs=1]
+                    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 151x18
                         text run at (2,2) width 151: "Nested single-cell table!"
       RenderBlock {UL} at (0,413) size 784x162 [bgcolor=#000000]
-        RenderListItem {LI} at (40,0) size 744x72
+        RenderListItem {LI} at (40,0) size 744x72 [border: (3px solid #000000) none]
           RenderBlock (anonymous) at (0,0) size 741x18
             RenderListMarker at (0,0) size 0x14
             RenderText {TEXT} at (0,0) size 118x18
@@ -73,11 +73,11 @@ layer at (0,0) size 800x1064
               RenderListMarker at (0,0) size 0x14
               RenderText {TEXT} at (0,0) size 176x18
                 text run at (0,0) width 176: "...nested within the list item."
-        RenderListItem {LI} at (40,72) size 744x18
+        RenderListItem {LI} at (40,72) size 744x18 [border: (3px solid #800080) none]
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 158x18
             text run at (0,0) width 158: "This is a second list item."
-        RenderListItem {LI} at (40,90) size 744x72
+        RenderListItem {LI} at (40,90) size 744x72 [border: (3px solid #0000FF) none]
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 733x72
             text run at (0,0) width 704: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of three colors. "
@@ -86,55 +86,55 @@ layer at (0,0) size 800x1064
             text run at (0,36) width 494: "the list item.\"), even though the nested list does not have any border styles set. "
             text run at (494,36) width 239: "The borders should line up together at"
             text run at (0,54) width 551: "the right edge of the document's body, as each list element has a default width of 100%."
-      RenderTable {TABLE} at (0,591) size 784x457 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,591) size 784x457 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x455
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 782x26 [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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,227) size 13x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,227) 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 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (13,26) size 769x429 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (13,26) size 769x429 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 740x36
                 RenderText {TEXT} at (0,0) size 716x36
                   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,18) width 365: "applies only to the cells, not the rows which contain them."
-              RenderBlock {P} at (4,56) size 740x18
+              RenderBlock {P} at (4,56) size 740x18 [border: (10px double #800080) none]
                 RenderText {TEXT} at (0,0) size 423x18
                   text run at (0,0) width 310: "This paragraph should have a purple, double, 10-"
                   text run at (310,0) width 113: "pixel right border."
-              RenderBlock {P} at (4,90) size 740x18
+              RenderBlock {P} at (4,90) size 740x18 [border: (1px solid #800080) none]
                 RenderText {TEXT} at (0,0) size 340x18
                   text run at (0,0) width 340: "This paragraph should have a thin purple right border."
-              RenderTable {TABLE} at (4,124) size 760x107
+              RenderTable {TABLE} at (4,124) size 760x107 [border: (1px outset #808080)]
                 RenderTableSection {TBODY} at (1,1) size 0x105
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (5,5) size 748x40 [r=0 c=0 rs=1 cs=2]
+                    RenderTableCell {TD} at (5,5) size 748x40 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
                       RenderText {TEXT} at (2,2) size 721x36
                         text run at (2,2) width 248: "Every cell in this table should have a 2-"
                         text run at (250,2) width 190: "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,20) width 198: "the second half of the test page."
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (5,64) size 190x22 [r=1 c=0 rs=1 cs=1]
+                    RenderTableCell {TD} at (5,64) size 190x22 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
                       RenderText {TEXT} at (2,2) size 53x18
                         text run at (2,2) width 53: "Cell one"
-                    RenderTableCell {TD} at (200,50) size 553x50 [r=1 c=1 rs=1 cs=1]
+                    RenderTableCell {TD} at (200,50) size 553x50 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
                       RenderBlock (anonymous) at (2,2) size 548x18
                         RenderText {TEXT} at (0,0) size 54x18
                           text run at (0,0) width 54: "Cell two"
-                      RenderTable {TABLE} at (2,20) size 162x28
+                      RenderTable {TABLE} at (2,20) size 162x28 [border: (1px outset #808080)]
                         RenderTableSection {TBODY} at (1,1) size 0x26
                           RenderTableRow {TR} at (0,0) size 0x0
-                            RenderTableCell {TD} at (2,2) size 156x22 [r=0 c=0 rs=1 cs=1]
+                            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 151x18
                                 text run at (2,2) width 151: "Nested single-cell table!"
               RenderBlock {UL} at (4,247) size 760x162
-                RenderListItem {LI} at (40,0) size 720x72
+                RenderListItem {LI} at (40,0) size 720x72 [border: (3px solid #000000) none]
                   RenderBlock (anonymous) at (0,0) size 717x18
                     RenderListMarker at (0,0) size 0x14
                     RenderText {TEXT} at (0,0) size 118x18
@@ -152,11 +152,11 @@ layer at (0,0) size 800x1064
                       RenderListMarker at (0,0) size 0x14
                       RenderText {TEXT} at (0,0) size 176x18
                         text run at (0,0) width 176: "...nested within the list item."
-                RenderListItem {LI} at (40,72) size 720x18
+                RenderListItem {LI} at (40,72) size 720x18 [border: (3px solid #800080) none]
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 158x18
                     text run at (0,0) width 158: "This is a second list item."
-                RenderListItem {LI} at (40,90) size 720x72
+                RenderListItem {LI} at (40,90) size 720x72 [border: (3px solid #0000FF) none]
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 707x72
                     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."
index 4bad138..13d493f 100644 (file)
@@ -16,7 +16,7 @@ layer at (0,0) size 800x823
           text run at (0,60) width 432: ".four {border-right-width: thin; border-style: solid;}"
           text run at (0,75) width 240: ".five {border-right-width: 100"
           text run at (240,75) width 32: "px;}"
-      RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,155) size 784x18 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 157x18
           text run at (0,0) width 157: "(These will only work if "
@@ -28,18 +28,18 @@ layer at (0,0) size 800x823
       RenderBlock {P} at (0,189) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,223) size 784x42 [bgcolor=#000000]
+      RenderBlock {P} at (0,223) size 784x42 [bgcolor=#000000] [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 749x36
           text run at (3,3) width 749: "This element should have a right border width of 25 pixels, which will be more obvious if the element is more than one"
           text run at (3,21) width 59: "line long."
-      RenderBlock {P} at (0,281) size 784x24 [bgcolor=#000000]
+      RenderBlock {P} at (0,281) size 784x24 [bgcolor=#000000] [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 769x18
           text run at (3,3) width 769: "This element should have a thick right border width, which will be more obvious if the element is more than one line long."
-      RenderBlock {P} at (0,321) size 784x42 [bgcolor=#000000]
+      RenderBlock {P} at (0,321) size 784x42 [bgcolor=#000000] [border: (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 753x36
           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,21) width 32: "long."
-      RenderBlock {P} at (0,379) size 784x24 [bgcolor=#000000]
+      RenderBlock {P} at (0,379) size 784x24 [bgcolor=#000000] [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 762x18
           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,419) size 784x18 [bgcolor=#000000]
@@ -50,18 +50,18 @@ layer at (0,0) size 800x823
             text run at (522,2) width 96: "border-style"
         RenderText {TEXT} at (618,0) size 54x18
           text run at (618,0) width 54: " was set."
-      RenderTable {TABLE} at (0,453) size 784x354 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,453) size 784x354 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x352
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,176) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,176) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x326 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 770x326 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 762x18
                 RenderText {TEXT} at (0,0) size 157x18
                   text run at (0,0) width 157: "(These will only work if "
@@ -73,19 +73,19 @@ layer at (0,0) size 800x823
               RenderBlock {P} at (4,38) size 762x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (4,72) size 762x42
+              RenderBlock {P} at (4,72) size 762x42 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
                 RenderText {TEXT} at (3,3) size 722x36
                   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,21) width 86: "one line long."
-              RenderBlock {P} at (4,130) size 762x42
+              RenderBlock {P} at (4,130) size 762x42 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
                 RenderText {TEXT} at (3,3) size 733x36
                   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,21) width 32: "long."
-              RenderBlock {P} at (4,188) size 762x42
+              RenderBlock {P} at (4,188) size 762x42 [border: (3px solid #000000)]
                 RenderText {TEXT} at (3,3) size 753x36
                   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,21) width 32: "long."
-              RenderBlock {P} at (4,246) size 762x42
+              RenderBlock {P} at (4,246) size 762x42 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
                 RenderText {TEXT} at (3,3) size 726x36
                   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,21) width 32: "long."
index dba7153..1c430e2 100644 (file)
@@ -13,8 +13,8 @@ layer at (0,0) size 800x334
           text run at (0,15) width 424: ".two {border-right-width: thin; border-style: solid;}"
           text run at (0,30) width 240: ".three {border-right-width: 25"
           text run at (240,30) width 32: "px;}"
-      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
-      RenderBlock {P} at (0,110) size 784x78 [bgcolor=#000000]
+      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
+      RenderBlock {P} at (0,110) size 784x78 [bgcolor=#000000] [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 172x18
           text run at (3,3) width 172: "This element has a class of "
         RenderInline {TT} at (0,0) size 24x15
@@ -23,7 +23,7 @@ layer at (0,0) size 800x334
         RenderText {TEXT} at (199,3) size 162x18
           text run at (199,3) width 8: ". "
           text run at (207,3) width 154: "However, it contains an "
-        RenderInline {SPAN} at (0,0) size 171x24
+        RenderInline {SPAN} at (0,0) size 171x24 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
           RenderText {TEXT} at (364,3) size 143x18
             text run at (364,3) width 143: "inline element of class "
           RenderInline {TT} at (0,0) size 24x15
@@ -48,19 +48,19 @@ layer at (0,0) size 800x334
         RenderText {TEXT} at (248,39) size 736x36
           text run at (248,39) width 491: ", which should have no right border width or visible border because no border"
           text run at (3,57) width 83: "style was set."
-      RenderTable {TABLE} at (0,204) size 784x114 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,204) size 784x114 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x112
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,56) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,56) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x86 [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x78
+            RenderTableCell {TD} at (12,26) size 770x86 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x78 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
                 RenderText {TEXT} at (3,3) size 172x18
                   text run at (3,3) width 172: "This element has a class of "
                 RenderInline {TT} at (0,0) size 24x15
@@ -69,7 +69,7 @@ layer at (0,0) size 800x334
                 RenderText {TEXT} at (199,3) size 162x18
                   text run at (199,3) width 8: ". "
                   text run at (207,3) width 154: "However, it contains an "
-                RenderInline {SPAN} at (0,0) size 171x24
+                RenderInline {SPAN} at (0,0) size 171x24 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
                   RenderText {TEXT} at (364,3) size 143x18
                     text run at (364,3) width 143: "inline element of class "
                   RenderInline {TT} at (0,0) size 24x15
index ac3c661..bc8d58b 100644 (file)
@@ -20,37 +20,37 @@ layer at (0,0) size 800x1301
           text run at (0,135) width 368: ".ten {border-style: double groove ridge inset;"
           text run at (0,150) width 368: "   border-color: purple; border-width: thick;}"
           text run at (0,165) width 552: ".eleven {border-style: none; border-color: red; border-width: thick;}"
-      RenderBlock {HR} at (0,227) size 784x2 [bgcolor=#000000]
-      RenderBlock {P} at (0,245) size 784x28 [bgcolor=#000000]
+      RenderBlock {HR} at (0,227) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
+      RenderBlock {P} at (0,245) size 784x28 [bgcolor=#000000] [border: (5px dotted #000000)]
         RenderText {TEXT} at (5,5) size 472x18
           text run at (5,5) width 472: "This paragraph should have a thick black dotted border all the way around."
-      RenderBlock {P} at (0,289) size 784x28 [bgcolor=#000000]
+      RenderBlock {P} at (0,289) size 784x28 [bgcolor=#000000] [border: (5px dashed #000000)]
         RenderText {TEXT} at (5,5) size 477x18
           text run at (5,5) width 477: "This paragraph should have a thick black dashed border all the way around."
-      RenderBlock {P} at (0,333) size 784x28 [bgcolor=#000000]
+      RenderBlock {P} at (0,333) size 784x28 [bgcolor=#000000] [border: (5px solid #000000)]
         RenderText {TEXT} at (5,5) size 463x18
           text run at (5,5) width 463: "This paragraph should have a thick black solid border all the way around."
-      RenderBlock {P} at (0,377) size 784x28 [bgcolor=#000000]
+      RenderBlock {P} at (0,377) size 784x28 [bgcolor=#000000] [border: (5px double #000000)]
         RenderText {TEXT} at (5,5) size 476x18
           text run at (5,5) width 476: "This paragraph should have a thick black double border all the way around."
-      RenderBlock {P} at (0,421) size 784x28 [bgcolor=#000000]
+      RenderBlock {P} at (0,421) size 784x28 [bgcolor=#000000] [border: (5px groove #808000)]
         RenderText {TEXT} at (5,5) size 474x18
           text run at (5,5) width 474: "This paragraph should have a thick olive groove border all the way around."
-      RenderBlock {P} at (0,465) size 784x28 [bgcolor=#000000]
+      RenderBlock {P} at (0,465) size 784x28 [bgcolor=#000000] [border: (5px ridge #808000)]
         RenderText {TEXT} at (5,5) size 462x18
           text run at (5,5) width 462: "This paragraph should have a thick olive ridge border all the way around."
-      RenderBlock {P} at (0,509) size 784x28 [bgcolor=#000000]
+      RenderBlock {P} at (0,509) size 784x28 [bgcolor=#000000] [border: (5px inset #808000)]
         RenderText {TEXT} at (5,5) size 459x18
           text run at (5,5) width 459: "This paragraph should have a thick olive inset border all the way around."
-      RenderBlock {P} at (0,553) size 784x28 [bgcolor=#000000]
+      RenderBlock {P} at (0,553) size 784x28 [bgcolor=#000000] [border: (5px outset #808000)]
         RenderText {TEXT} at (5,5) size 467x18
           text run at (5,5) width 467: "This paragraph should have a thick olive outset border all the way around."
-      RenderBlock {P} at (0,597) size 784x46 [bgcolor=#000000]
+      RenderBlock {P} at (0,597) size 784x46 [bgcolor=#000000] [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
         RenderText {TEXT} at (5,5) size 744x36
           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,23) width 204: "sides should be based on purple."
-      RenderBlock {P} at (0,659) size 784x46 [bgcolor=#000000]
+      RenderBlock {P} at (0,659) size 784x46 [bgcolor=#000000] [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
         RenderText {TEXT} at (5,5) size 763x36
           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 61: "The color"
@@ -58,48 +58,48 @@ layer at (0,0) size 800x1301
       RenderBlock {P} at (0,721) size 784x18 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 278x18
           text run at (0,0) width 278: "This paragraph should have no border at all."
-      RenderTable {TABLE} at (0,755) size 784x530 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,755) size 784x530 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x528
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,264) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            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 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x502 [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x28
+            RenderTableCell {TD} at (12,26) size 770x502 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x28 [border: (5px dotted #000000)]
                 RenderText {TEXT} at (5,5) size 472x18
                   text run at (5,5) width 472: "This paragraph should have a thick black dotted border all the way around."
-              RenderBlock {P} at (4,48) size 762x28
+              RenderBlock {P} at (4,48) size 762x28 [border: (5px dashed #000000)]
                 RenderText {TEXT} at (5,5) size 477x18
                   text run at (5,5) width 477: "This paragraph should have a thick black dashed border all the way around."
-              RenderBlock {P} at (4,92) size 762x28
+              RenderBlock {P} at (4,92) size 762x28 [border: (5px solid #000000)]
                 RenderText {TEXT} at (5,5) size 463x18
                   text run at (5,5) width 463: "This paragraph should have a thick black solid border all the way around."
-              RenderBlock {P} at (4,136) size 762x28
+              RenderBlock {P} at (4,136) size 762x28 [border: (5px double #000000)]
                 RenderText {TEXT} at (5,5) size 476x18
                   text run at (5,5) width 476: "This paragraph should have a thick black double border all the way around."
-              RenderBlock {P} at (4,180) size 762x28
+              RenderBlock {P} at (4,180) size 762x28 [border: (5px groove #808000)]
                 RenderText {TEXT} at (5,5) size 474x18
                   text run at (5,5) width 474: "This paragraph should have a thick olive groove border all the way around."
-              RenderBlock {P} at (4,224) size 762x28
+              RenderBlock {P} at (4,224) size 762x28 [border: (5px ridge #808000)]
                 RenderText {TEXT} at (5,5) size 462x18
                   text run at (5,5) width 462: "This paragraph should have a thick olive ridge border all the way around."
-              RenderBlock {P} at (4,268) size 762x28
+              RenderBlock {P} at (4,268) size 762x28 [border: (5px inset #808000)]
                 RenderText {TEXT} at (5,5) size 459x18
                   text run at (5,5) width 459: "This paragraph should have a thick olive inset border all the way around."
-              RenderBlock {P} at (4,312) size 762x28
+              RenderBlock {P} at (4,312) size 762x28 [border: (5px outset #808000)]
                 RenderText {TEXT} at (5,5) size 467x18
                   text run at (5,5) width 467: "This paragraph should have a thick olive outset border all the way around."
-              RenderBlock {P} at (4,356) size 762x46
+              RenderBlock {P} at (4,356) size 762x46 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
                 RenderText {TEXT} at (5,5) size 744x36
                   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,23) width 204: "sides should be based on purple."
-              RenderBlock {P} at (4,418) size 762x46
+              RenderBlock {P} at (4,418) size 762x46 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
                 RenderText {TEXT} at (5,5) size 727x36
                   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"
index 46a3af9..a1aef28 100644 (file)
@@ -11,17 +11,17 @@ layer at (0,0) size 800x286
           text run at (0,0) width 560: ".one {border-style: dashed; border-color: black; border-width: thick;}"
           text run at (0,15) width 544: ".two {border-style: groove; border-color: red; border-width: thick;}"
           text run at (0,30) width 568: ".three {border-style: none; border-color: purple; border-width: thick;}"
-      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,110) size 784x54 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 664x18
           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 67x28 [bgcolor=#000000]
+        RenderInline {SPAN} at (0,0) size 67x28 [bgcolor=#000000] [border: (5px dashed #000000)]
           RenderText {TEXT} at (669,0) size 57x18
             text run at (669,0) width 57: "class one"
         RenderText {TEXT} at (731,0) size 778x36
           text run at (731,0) width 47: ", which"
           text run at (0,18) width 263: "will result in a dashed thick black border; "
-        RenderInline {SPAN} at (0,0) size 68x28 [bgcolor=#000000]
+        RenderInline {SPAN} at (0,0) size 68x28 [bgcolor=#000000] [border: (5px groove #FF0000)]
           RenderText {TEXT} at (268,18) size 58x18
             text run at (268,18) width 58: "class two"
         RenderText {TEXT} at (331,18) size 373x18
@@ -33,28 +33,28 @@ layer at (0,0) size 800x286
           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 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,180) size 784x90 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x88
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            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 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x62 [r=1 c=1 rs=1 cs=1]
+            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 664x18
                   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 67x28 [bgcolor=#000000]
+                RenderInline {SPAN} at (0,0) size 67x28 [bgcolor=#000000] [border: (5px dashed #000000)]
                   RenderText {TEXT} at (669,0) size 57x18
                     text run at (669,0) width 57: "class one"
                 RenderText {TEXT} at (731,0) size 735x36
                   text run at (731,0) width 4: ","
                   text run at (0,18) width 306: "which will result in a dashed thick black border; "
-                RenderInline {SPAN} at (0,0) size 68x28 [bgcolor=#000000]
+                RenderInline {SPAN} at (0,0) size 68x28 [bgcolor=#000000] [border: (5px groove #FF0000)]
                   RenderText {TEXT} at (311,18) size 58x18
                     text run at (311,18) width 58: "class two"
                 RenderText {TEXT} at (374,18) size 369x18
index 93a87b6..afaed4a 100644 (file)
@@ -14,44 +14,44 @@ layer at (0,0) size 800x959
           text run at (0,30) width 320: ".three {border-top: black medium solid;}"
           text run at (0,45) width 184: "TD {border-top: green 2"
           text run at (184,45) width 80: "px solid;}"
-      RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,125) size 784x36 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 755x36
           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,18) width 317: "only to the cells, not the rows which contain them."
-      RenderBlock {P} at (0,177) size 784x28 [bgcolor=#000000]
+      RenderBlock {P} at (0,177) size 784x28 [bgcolor=#000000] [border: (10px double #800080) none]
         RenderText {TEXT} at (0,10) size 414x18
           text run at (0,10) width 310: "This paragraph should have a purple, double, 10-"
           text run at (310,10) width 104: "pixel top border."
-      RenderBlock {P} at (0,221) size 784x19 [bgcolor=#000000]
+      RenderBlock {P} at (0,221) size 784x19 [bgcolor=#000000] [border: (1px solid #800080) none]
         RenderText {TEXT} at (0,1) size 331x18
           text run at (0,1) width 331: "This paragraph should have a thin purple top border."
-      RenderTable {TABLE} at (0,256) size 784x110 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,256) size 784x110 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x108
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (5,5) size 772x41 [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (5,5) size 772x41 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderText {TEXT} at (2,3) size 735x36
                 text run at (2,3) width 248: "Every cell in this table should have a 2-"
                 text run at (250,3) width 181: "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,21) width 175: "second half of the test page."
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (5,65) size 196x23 [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (5,65) size 196x23 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (2,3) size 53x18
                 text run at (2,3) width 53: "Cell one"
-            RenderTableCell {TD} at (206,51) size 571x52 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (206,51) size 571x52 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock (anonymous) at (2,3) size 567x18
                 RenderText {TEXT} at (0,0) size 54x18
                   text run at (0,0) width 54: "Cell two"
-              RenderTable {TABLE} at (2,21) size 161x29
+              RenderTable {TABLE} at (2,21) size 161x29 [border: (1px outset #808080)]
                 RenderTableSection {TBODY} at (1,1) size 0x27
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (2,2) size 155x23 [r=0 c=0 rs=1 cs=1]
+                    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 151x18
                         text run at (2,3) width 151: "Nested single-cell table!"
       RenderBlock {UL} at (0,382) size 784x117 [bgcolor=#000000]
-        RenderListItem {LI} at (40,0) size 744x75
+        RenderListItem {LI} at (40,0) size 744x75 [border: (3px solid #000000) none]
           RenderBlock (anonymous) at (0,3) size 744x18
             RenderListMarker at (0,0) size 0x14
             RenderText {TEXT} at (0,0) size 118x18
@@ -69,63 +69,63 @@ layer at (0,0) size 800x959
               RenderListMarker at (0,0) size 0x14
               RenderText {TEXT} at (0,0) size 176x18
                 text run at (0,0) width 176: "...nested within the list item."
-        RenderListItem {LI} at (40,75) size 744x21
+        RenderListItem {LI} at (40,75) size 744x21 [border: (3px solid #000000) none]
           RenderListMarker at (0,3) size 0x14
           RenderText {TEXT} at (0,3) size 158x18
             text run at (0,3) width 158: "This is a second list item."
-        RenderListItem {LI} at (40,96) size 744x21
+        RenderListItem {LI} at (40,96) size 744x21 [border: (3px solid #000000) none]
           RenderListMarker at (0,3) size 0x14
           RenderText {TEXT} at (0,3) size 480x18
             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,515) size 784x428 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,515) size 784x428 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x426
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,5) size 163x18
                   text run at (4,5) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,213) size 12x27 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            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 4x18
                 text run at (4,5) width 4: " "
-            RenderTableCell {TD} at (12,27) size 770x399 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,27) size 770x399 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,5) size 762x36
                 RenderText {TEXT} at (0,0) size 755x36
                   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,18) width 317: "only to the cells, not the rows which contain them."
-              RenderBlock {P} at (4,57) size 762x28
+              RenderBlock {P} at (4,57) size 762x28 [border: (10px double #800080) none]
                 RenderText {TEXT} at (0,10) size 414x18
                   text run at (0,10) width 310: "This paragraph should have a purple, double, 10-"
                   text run at (310,10) width 104: "pixel top border."
-              RenderBlock {P} at (4,101) size 762x19
+              RenderBlock {P} at (4,101) size 762x19 [border: (1px solid #800080) none]
                 RenderText {TEXT} at (0,1) size 331x18
                   text run at (0,1) width 331: "This paragraph should have a thin purple top border."
-              RenderTable {TABLE} at (4,136) size 762x110
+              RenderTable {TABLE} at (4,136) size 762x110 [border: (1px outset #808080)]
                 RenderTableSection {TBODY} at (1,1) size 0x108
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (5,5) size 750x41 [r=0 c=0 rs=1 cs=2]
+                    RenderTableCell {TD} at (5,5) size 750x41 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
                       RenderText {TEXT} at (2,3) size 735x36
                         text run at (2,3) width 248: "Every cell in this table should have a 2-"
                         text run at (250,3) width 181: "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,21) width 175: "second half of the test page."
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (5,65) size 190x23 [r=1 c=0 rs=1 cs=1]
+                    RenderTableCell {TD} at (5,65) size 190x23 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
                       RenderText {TEXT} at (2,3) size 53x18
                         text run at (2,3) width 53: "Cell one"
-                    RenderTableCell {TD} at (200,51) size 555x52 [r=1 c=1 rs=1 cs=1]
+                    RenderTableCell {TD} at (200,51) size 555x52 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
                       RenderBlock (anonymous) at (2,3) size 551x18
                         RenderText {TEXT} at (0,0) size 54x18
                           text run at (0,0) width 54: "Cell two"
-                      RenderTable {TABLE} at (2,21) size 161x29
+                      RenderTable {TABLE} at (2,21) size 161x29 [border: (1px outset #808080)]
                         RenderTableSection {TBODY} at (1,1) size 0x27
                           RenderTableRow {TR} at (0,0) size 0x0
-                            RenderTableCell {TD} at (2,2) size 155x23 [r=0 c=0 rs=1 cs=1]
+                            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 151x18
                                 text run at (2,3) width 151: "Nested single-cell table!"
               RenderBlock {UL} at (4,262) size 762x117
-                RenderListItem {LI} at (40,0) size 722x75
+                RenderListItem {LI} at (40,0) size 722x75 [border: (3px solid #000000) none]
                   RenderBlock (anonymous) at (0,3) size 722x18
                     RenderListMarker at (0,0) size 0x14
                     RenderText {TEXT} at (0,0) size 118x18
@@ -143,11 +143,11 @@ layer at (0,0) size 800x959
                       RenderListMarker at (0,0) size 0x14
                       RenderText {TEXT} at (0,0) size 176x18
                         text run at (0,0) width 176: "...nested within the list item."
-                RenderListItem {LI} at (40,75) size 722x21
+                RenderListItem {LI} at (40,75) size 722x21 [border: (3px solid #000000) none]
                   RenderListMarker at (0,3) size 0x14
                   RenderText {TEXT} at (0,3) size 158x18
                     text run at (0,3) width 158: "This is a second list item."
-                RenderListItem {LI} at (40,96) size 722x21
+                RenderListItem {LI} at (40,96) size 722x21 [border: (3px solid #000000) none]
                   RenderListMarker at (0,3) size 0x14
                   RenderText {TEXT} at (0,3) size 480x18
                     text run at (0,3) width 480: "Each list item in this list should have a medium-width black border at its top."
index 25e53df..ed25934 100644 (file)
@@ -11,47 +11,47 @@ layer at (0,0) size 800x286
           text run at (0,0) width 272: ".one {border-top: purple double 10"
           text run at (272,0) width 32: "px;}"
           text run at (0,15) width 296: ".two {border-top: purple thin solid;}"
-      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,110) size 784x54 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 666x18
           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 57x28 [bgcolor=#000000]
+        RenderInline {SPAN} at (0,0) size 57x28 [bgcolor=#000000] [border: (10px double #800080) none]
           RenderText {TEXT} at (666,0) size 57x18
             text run at (666,0) width 57: "class one"
         RenderText {TEXT} at (723,0) size 770x36
           text run at (723,0) width 47: ", which"
           text run at (0,18) width 112: "should have a 10-"
           text run at (112,18) width 226: "pixel purple double top border; and "
-        RenderInline {SPAN} at (0,0) size 58x19 [bgcolor=#000000]
+        RenderInline {SPAN} at (0,0) size 58x19 [bgcolor=#000000] [border: (1px solid #800080) none]
           RenderText {TEXT} at (338,18) size 58x18
             text run at (338,18) width 58: "class two"
         RenderText {TEXT} at (396,18) size 742x36
           text run at (396,18) width 321: ", which should have a thin solid purple top border. "
           text run at (717,18) width 25: "The"
           text run at (0,36) width 400: "line-height of the parent element should not change on any line."
-      RenderTable {TABLE} at (0,180) size 784x90 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,180) size 784x90 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x88
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            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 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x62 [r=1 c=1 rs=1 cs=1]
+            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 666x18
                   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 57x28 [bgcolor=#000000]
+                RenderInline {SPAN} at (0,0) size 57x28 [bgcolor=#000000] [border: (10px double #800080) none]
                   RenderText {TEXT} at (666,0) size 57x18
                     text run at (666,0) width 57: "class one"
                 RenderText {TEXT} at (723,0) size 727x36
                   text run at (723,0) width 4: ","
                   text run at (0,18) width 155: "which should have a 10-"
                   text run at (155,18) width 226: "pixel purple double top border; and "
-                RenderInline {SPAN} at (0,0) size 58x19 [bgcolor=#000000]
+                RenderInline {SPAN} at (0,0) size 58x19 [bgcolor=#000000] [border: (1px solid #800080) none]
                   RenderText {TEXT} at (381,18) size 58x18
                     text run at (381,18) width 58: "class two"
                 RenderText {TEXT} at (439,18) size 756x36
index 399ffe3..a8a5ef0 100644 (file)
@@ -16,7 +16,7 @@ layer at (0,0) size 800x759
           text run at (0,60) width 416: ".four {border-top-width: thin; border-style: solid;}"
           text run at (0,75) width 216: ".five {border-top-width: 25"
           text run at (216,75) width 32: "px;}"
-      RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,155) size 784x18 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 157x18
           text run at (0,0) width 157: "(These will only work if "
@@ -28,16 +28,16 @@ layer at (0,0) size 800x759
       RenderBlock {P} at (0,189) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,223) size 784x46 [bgcolor=#000000]
+      RenderBlock {P} at (0,223) size 784x46 [bgcolor=#000000] [border: (25px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,25) size 377x18
           text run at (3,25) width 377: "This paragraph should have a top border width of 25 pixels."
-      RenderBlock {P} at (0,285) size 784x26 [bgcolor=#000000]
+      RenderBlock {P} at (0,285) size 784x26 [bgcolor=#000000] [border: (5px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,5) size 334x18
           text run at (3,5) width 334: "This paragraph should have a thick top border width."
-      RenderBlock {P} at (0,327) size 784x24 [bgcolor=#000000]
+      RenderBlock {P} at (0,327) size 784x24 [bgcolor=#000000] [border: (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 354x18
           text run at (3,3) width 354: "This paragraph should have a medium top border width."
-      RenderBlock {P} at (0,367) size 784x22 [bgcolor=#000000]
+      RenderBlock {P} at (0,367) size 784x22 [bgcolor=#000000] [border: (1px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,1) size 327x18
           text run at (3,1) width 327: "This paragraph should have a thin top border width."
       RenderBlock {P} at (0,405) size 784x18 [bgcolor=#000000]
@@ -48,18 +48,18 @@ layer at (0,0) size 800x759
             text run at (527,2) width 96: "border-style"
         RenderText {TEXT} at (623,0) size 54x18
           text run at (623,0) width 54: " was set."
-      RenderTable {TABLE} at (0,439) size 699x304 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,439) size 699x304 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x302
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 697x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,151) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,151) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 685x276 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 685x276 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 677x18
                 RenderText {TEXT} at (0,0) size 157x18
                   text run at (0,0) width 157: "(These will only work if "
@@ -71,16 +71,16 @@ layer at (0,0) size 800x759
               RenderBlock {P} at (4,38) size 677x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (4,72) size 677x46
+              RenderBlock {P} at (4,72) size 677x46 [border: (25px solid #000000) (3px solid #000000)]
                 RenderText {TEXT} at (3,25) size 377x18
                   text run at (3,25) width 377: "This paragraph should have a top border width of 25 pixels."
-              RenderBlock {P} at (4,134) size 677x26
+              RenderBlock {P} at (4,134) size 677x26 [border: (5px solid #000000) (3px solid #000000)]
                 RenderText {TEXT} at (3,5) size 334x18
                   text run at (3,5) width 334: "This paragraph should have a thick top border width."
-              RenderBlock {P} at (4,176) size 677x24
+              RenderBlock {P} at (4,176) size 677x24 [border: (3px solid #000000)]
                 RenderText {TEXT} at (3,3) size 354x18
                   text run at (3,3) width 354: "This paragraph should have a medium top border width."
-              RenderBlock {P} at (4,216) size 677x22
+              RenderBlock {P} at (4,216) size 677x22 [border: (1px solid #000000) (3px solid #000000)]
                 RenderText {TEXT} at (3,1) size 327x18
                   text run at (3,1) width 327: "This paragraph should have a thin top border width."
               RenderBlock {P} at (4,254) size 677x18
index 03f8dc5..7c4a8dc 100644 (file)
@@ -13,8 +13,8 @@ layer at (0,0) size 800x360
           text run at (0,15) width 408: ".two {border-top-width: thin; border-style: solid;}"
           text run at (0,30) width 224: ".three {border-top-width: 25"
           text run at (224,30) width 32: "px;}"
-      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
-      RenderBlock {P} at (0,110) size 784x82 [bgcolor=#000000]
+      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
+      RenderBlock {P} at (0,110) size 784x82 [bgcolor=#000000] [border: (25px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,25) size 172x18
           text run at (3,25) width 172: "This element has a class of "
         RenderInline {TT} at (0,0) size 24x15
@@ -23,7 +23,7 @@ layer at (0,0) size 800x360
         RenderText {TEXT} at (199,25) size 162x18
           text run at (199,25) width 8: ". "
           text run at (207,25) width 154: "However, it contains an "
-        RenderInline {SPAN} at (0,0) size 173x22
+        RenderInline {SPAN} at (0,0) size 173x22 [border: (1px solid #000000) (3px solid #000000)]
           RenderText {TEXT} at (364,25) size 143x18
             text run at (364,25) width 143: "inline element of class "
           RenderInline {TT} at (0,0) size 24x15
@@ -42,19 +42,19 @@ layer at (0,0) size 800x360
               text run at (165,63) width 40: "three"
         RenderText {TEXT} at (205,61) size 569x18
           text run at (205,61) width 569: ", which should have no top border width or visible border because no border style was set."
-      RenderTable {TABLE} at (0,208) size 784x136 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,208) size 784x136 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x134
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,67) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,67) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x108 [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x100
+            RenderTableCell {TD} at (12,26) size 770x108 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x100 [border: (25px solid #000000) (3px solid #000000)]
                 RenderText {TEXT} at (3,25) size 172x18
                   text run at (3,25) width 172: "This element has a class of "
                 RenderInline {TT} at (0,0) size 24x15
@@ -63,7 +63,7 @@ layer at (0,0) size 800x360
                 RenderText {TEXT} at (199,25) size 162x18
                   text run at (199,25) width 8: ". "
                   text run at (207,25) width 154: "However, it contains an "
-                RenderInline {SPAN} at (0,0) size 173x22
+                RenderInline {SPAN} at (0,0) size 173x22 [border: (1px solid #000000) (3px solid #000000)]
                   RenderText {TEXT} at (364,25) size 143x18
                     text run at (364,25) width 143: "inline element of class "
                   RenderInline {TT} at (0,0) size 24x15
index fd0d9f2..a5231a7 100644 (file)
@@ -16,7 +16,7 @@ layer at (0,0) size 800x903
           text run at (0,60) width 384: ".four {border-width: thin; border-style: solid;}"
           text run at (0,75) width 184: ".five {border-width: 25"
           text run at (184,75) width 32: "px;}"
-      RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,155) size 784x18 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 157x18
           text run at (0,0) width 157: "(These will only work if "
@@ -28,16 +28,16 @@ layer at (0,0) size 800x903
       RenderBlock {P} at (0,189) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,223) size 784x118 [bgcolor=#000000]
+      RenderBlock {P} at (0,223) size 784x118 [bgcolor=#000000] [border: (50px solid #000000)]
         RenderText {TEXT} at (50,50) size 394x18
           text run at (50,50) width 394: "This element should have an overall border width of 50 pixels."
-      RenderBlock {P} at (0,357) size 784x28 [bgcolor=#000000]
+      RenderBlock {P} at (0,357) size 784x28 [bgcolor=#000000] [border: (5px solid #000000)]
         RenderText {TEXT} at (5,5) size 343x18
           text run at (5,5) width 343: "This element should have a thick overall border width."
-      RenderBlock {P} at (0,401) size 784x24 [bgcolor=#000000]
+      RenderBlock {P} at (0,401) size 784x24 [bgcolor=#000000] [border: (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 363x18
           text run at (3,3) width 363: "This element should have a medium overall border width."
-      RenderBlock {P} at (0,441) size 784x20 [bgcolor=#000000]
+      RenderBlock {P} at (0,441) size 784x20 [bgcolor=#000000] [border: (1px solid #000000)]
         RenderText {TEXT} at (1,1) size 336x18
           text run at (1,1) width 336: "This element should have a thin overall border width."
       RenderBlock {P} at (0,477) size 784x18 [bgcolor=#000000]
@@ -48,18 +48,18 @@ layer at (0,0) size 800x903
             text run at (498,2) width 96: "border-style"
         RenderText {TEXT} at (594,0) size 54x18
           text run at (594,0) width 54: " was set."
-      RenderTable {TABLE} at (0,511) size 670x376 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,511) size 670x376 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x374
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 668x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 668x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,187) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,187) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 656x348 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 656x348 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 648x18
                 RenderText {TEXT} at (0,0) size 157x18
                   text run at (0,0) width 157: "(These will only work if "
@@ -71,16 +71,16 @@ layer at (0,0) size 800x903
               RenderBlock {P} at (4,38) size 648x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (4,72) size 648x118
+              RenderBlock {P} at (4,72) size 648x118 [border: (50px solid #000000)]
                 RenderText {TEXT} at (50,50) size 394x18
                   text run at (50,50) width 394: "This element should have an overall border width of 50 pixels."
-              RenderBlock {P} at (4,206) size 648x28
+              RenderBlock {P} at (4,206) size 648x28 [border: (5px solid #000000)]
                 RenderText {TEXT} at (5,5) size 343x18
                   text run at (5,5) width 343: "This element should have a thick overall border width."
-              RenderBlock {P} at (4,250) size 648x24
+              RenderBlock {P} at (4,250) size 648x24 [border: (3px solid #000000)]
                 RenderText {TEXT} at (3,3) size 363x18
                   text run at (3,3) width 363: "This element should have a medium overall border width."
-              RenderBlock {P} at (4,290) size 648x20
+              RenderBlock {P} at (4,290) size 648x20 [border: (1px solid #000000)]
                 RenderText {TEXT} at (1,1) size 336x18
                   text run at (1,1) width 336: "This element should have a thin overall border width."
               RenderBlock {P} at (4,326) size 648x18
index 361d9d1..b8073a6 100644 (file)
@@ -13,8 +13,8 @@ layer at (0,0) size 800x386
           text run at (0,15) width 376: ".two {border-width: thin; border-style: solid;}"
           text run at (0,30) width 192: ".three {border-width: 25"
           text run at (192,30) width 32: "px;}"
-      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
-      RenderBlock {P} at (0,110) size 784x104 [bgcolor=#000000]
+      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
+      RenderBlock {P} at (0,110) size 784x104 [bgcolor=#000000] [border: (25px solid #000000)]
         RenderText {TEXT} at (25,25) size 172x18
           text run at (25,25) width 172: "This element has a class of "
         RenderInline {TT} at (0,0) size 24x15
@@ -23,7 +23,7 @@ layer at (0,0) size 800x386
         RenderText {TEXT} at (221,25) size 162x18
           text run at (221,25) width 8: ". "
           text run at (229,25) width 154: "However, it contains an "
-        RenderInline {SPAN} at (0,0) size 169x20
+        RenderInline {SPAN} at (0,0) size 169x20 [border: (1px solid #000000)]
           RenderText {TEXT} at (384,25) size 143x18
             text run at (384,25) width 143: "inline element of class "
           RenderInline {TT} at (0,0) size 24x15
@@ -42,19 +42,19 @@ layer at (0,0) size 800x386
         RenderText {TEXT} at (685,43) size 707x36
           text run at (685,43) width 47: ", which"
           text run at (25,61) width 387: "should have no border width because no border style was set."
-      RenderTable {TABLE} at (0,230) size 784x140 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,230) size 784x140 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x138
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,69) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,69) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x112 [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x104
+            RenderTableCell {TD} at (12,26) 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)]
                 RenderText {TEXT} at (25,25) size 172x18
                   text run at (25,25) width 172: "This element has a class of "
                 RenderInline {TT} at (0,0) size 24x15
@@ -63,7 +63,7 @@ layer at (0,0) size 800x386
                 RenderText {TEXT} at (221,25) size 162x18
                   text run at (221,25) width 8: ". "
                   text run at (229,25) width 154: "However, it contains an "
-                RenderInline {SPAN} at (0,0) size 169x20
+                RenderInline {SPAN} at (0,0) size 169x20 [border: (1px solid #000000)]
                   RenderText {TEXT} at (384,25) size 143x18
                     text run at (384,25) width 143: "inline element of class "
                   RenderInline {TT} at (0,0) size 24x15
index 23a9f43..2fef6a5 100644 (file)
@@ -12,28 +12,28 @@ layer at (0,0) size 800x961
           text run at (0,15) width 160: ".two {clear: right;}"
           text run at (0,30) width 168: ".three {clear: both;}"
           text run at (0,45) width 160: ".four {clear: none;}"
-      RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderImage {IMG} at (0,121) size 15x50 [bgcolor=#000000]
       RenderBlock {P} at (0,125) size 784x18 [bgcolor=#000000]
         RenderText {TEXT} at (18,0) size 595x18
           text run at (18,0) width 595: "This text should be flowing past a tall orange rectangle on the left side of the browser window."
       RenderBlock (anonymous) at (0,159) size 784x18 [bgcolor=#000000]
         RenderBR {BR} at (0,0) size 0x0
-        RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#CCCCCC]
+        RenderText {TEXT} at (0,0) size 0x0
       RenderImage {IMG} at (0,177) size 15x50 [bgcolor=#000000]
       RenderBlock {P} at (0,227) size 784x18 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 649x18
           text run at (0,0) width 649: "This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it."
       RenderBlock (anonymous) at (0,261) size 784x18 [bgcolor=#000000]
         RenderBR {BR} at (0,0) size 0x0
-        RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#CCCCCC]
+        RenderText {TEXT} at (0,0) size 0x0
       RenderImage {IMG} at (769,279) size 15x50 [bgcolor=#000000]
       RenderBlock {P} at (0,329) size 784x18 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 658x18
           text run at (0,0) width 658: "This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it."
       RenderBlock (anonymous) at (0,363) size 784x18 [bgcolor=#000000]
         RenderBR {BR} at (0,0) size 0x0
-        RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#CCCCCC]
+        RenderText {TEXT} at (0,0) size 0x0
       RenderImage {IMG} at (0,381) size 15x50 [bgcolor=#000000]
       RenderImage {IMG} at (769,381) size 15x50 [bgcolor=#000000]
       RenderBlock {P} at (0,431) size 784x18 [bgcolor=#000000]
@@ -46,19 +46,19 @@ layer at (0,0) size 800x961
           text run at (18,0) width 390: "This paragraph should be between both tall orange rectangles."
       RenderBlock (anonymous) at (0,499) size 784x18 [bgcolor=#000000]
         RenderBR {BR} at (0,0) size 0x0
-        RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#CCCCCC]
-      RenderTable {TABLE} at (0,517) size 680x428 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 0x0
+      RenderTable {TABLE} at (0,517) size 680x428 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x426
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 678x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 678x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,213) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,213) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 666x400 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 666x400 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderImage {IMG} at (4,4) size 15x50
               RenderBlock (anonymous) at (4,4) size 658x0
                 RenderText {TEXT} at (0,0) size 0x0
index 1b7da5a..95824c3 100644 (file)
@@ -26,7 +26,7 @@ layer at (0,0) size 800x777
           text run at (440,90) width 152: "em; margin-right: 2"
           text run at (592,90) width 24: "em;"
           text run at (0,105) width 480: "             color: black; background: yellow; clear: none;}"
-      RenderBlock {HR} at (0,179) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,179) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock (floating) {DIV} at (0,193) size 192x116 [color=#FFFFFF] [bgcolor=#008000]
         RenderBlock {H1} at (8,8) size 176x22 [bgcolor=#000000]
           RenderText {TEXT} at (0,0) size 85x22
@@ -91,18 +91,18 @@ layer at (0,0) size 800x777
           RenderText {TEXT} at (0,0) size 512x36
             text run at (0,0) width 512: "The top of the yellow rectangle (to which this paragraph belongs) should be"
             text run at (0,18) width 331: "vertically aligned with the top of the green rectangle."
-      RenderTable {TABLE} at (192,414) size 592x347 [bgcolor=#000000]
+      RenderTable {TABLE} at (192,414) size 592x347 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x345
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 590x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 590x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,172) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,172) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 578x319 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 578x319 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock (floating) {DIV} at (4,4) size 192x116 [color=#FFFFFF] [bgcolor=#008000]
                 RenderBlock {H1} at (8,8) size 176x22 [bgcolor=#000000]
                   RenderText {TEXT} at (0,0) size 85x22
index 8623284..c5019bc 100644 (file)
@@ -10,7 +10,7 @@ layer at (0,0) size 800x460
         RenderText {TEXT} at (0,0) size 160x30
           text run at (0,0) width 152: ".one {float: left;}"
           text run at (0,15) width 160: ".two {float: right;}"
-      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderImage {IMG} at (0,106) size 15x50 [bgcolor=#000000]
       RenderBlock {P} at (0,110) size 784x36 [bgcolor=#000000]
         RenderText {TEXT} at (15,0) size 764x36
@@ -19,25 +19,25 @@ layer at (0,0) size 800x460
           text run at (15,18) width 212: "which has been floated to the left."
       RenderBlock (anonymous) at (0,162) size 784x18 [bgcolor=#000000]
         RenderBR {BR} at (0,0) size 0x0
-      RenderBlock {HR} at (0,192) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,192) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderImage {IMG} at (769,206) size 15x50 [bgcolor=#000000]
       RenderBlock {P} at (0,210) size 784x36 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 731x36
           text run at (0,0) width 608: "This text should be flowing past a tall orange rectangle on the right side of the browser window. "
           text run at (608,0) width 123: "In this case, it is the"
           text run at (0,18) width 263: "image which has been floated to the right."
-      RenderTable {TABLE} at (0,262) size 784x182 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,262) size 784x182 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x180
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,90) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,90) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x154 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 770x154 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderImage {IMG} at (4,4) size 15x50
               RenderBlock (anonymous) at (4,4) size 762x0
                 RenderText {TEXT} at (0,0) size 0x0
@@ -48,7 +48,7 @@ layer at (0,0) size 800x460
                   text run at (15,18) width 254: "image which has been floated to the left."
               RenderBlock (anonymous) at (4,56) size 762x18
                 RenderBR {BR} at (0,0) size 0x0
-              RenderBlock {HR} at (4,86) size 762x2
+              RenderBlock {HR} at (4,86) size 762x2 [border: (1px inset #000000)]
               RenderImage {IMG} at (751,100) size 15x50
               RenderBlock {P} at (4,104) size 762x36
                 RenderText {TEXT} at (0,0) size 731x36
index af27cf6..f3d88e1 100644 (file)
@@ -26,25 +26,25 @@ layer at (0,0) size 800x703
           text run at (0,165) width 136: "TABLE {margin: 20"
           text run at (136,165) width 32: "px 0"
           text run at (168,165) width 32: "px;}"
-      RenderBlock {HR} at (0,239) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,239) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,253) size 784x36 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 784x36
           text run at (0,0) width 784: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this page"
           text run at (0,18) width 405: "indicates how the DIV elements should be laid out horizontally. "
           text run at (405,18) width 219: "They should align with each other."
-      RenderBlock (floating) {DIV} at (0,299) size 140x98 [bgcolor=#FFFF00]
+      RenderBlock (floating) {DIV} at (0,299) size 140x98 [bgcolor=#FFFF00] [border: (20px solid #000000)]
         RenderBlock {P} at (40,40) size 60x18 [bgcolor=#000000]
           RenderText {TEXT} at (0,0) size 47x18
             text run at (0,0) width 47: "Yellow"
-      RenderBlock (floating) {DIV} at (160,299) size 140x98 [color=#FFFFFF] [bgcolor=#0000FF]
+      RenderBlock (floating) {DIV} at (160,299) size 140x98 [color=#FFFFFF] [bgcolor=#0000FF] [border: (20px solid #000000)]
         RenderBlock {P} at (40,40) size 60x18 [bgcolor=#000000]
           RenderText {TEXT} at (0,0) size 30x18
             text run at (0,0) width 30: "Blue"
-      RenderBlock (floating) {DIV} at (320,299) size 140x98 [bgcolor=#FF0000]
+      RenderBlock (floating) {DIV} at (320,299) size 140x98 [bgcolor=#FF0000] [border: (20px solid #000000)]
         RenderBlock {P} at (40,40) size 60x18 [bgcolor=#000000]
           RenderText {TEXT} at (0,0) size 26x18
             text run at (0,0) width 26: "Red"
-      RenderBlock (floating) {DIV} at (480,299) size 140x98 [color=#FFFFFF] [bgcolor=#008000]
+      RenderBlock (floating) {DIV} at (480,299) size 140x98 [color=#FFFFFF] [bgcolor=#008000] [border: (20px solid #000000)]
         RenderBlock {P} at (40,40) size 60x18 [bgcolor=#000000]
           RenderText {TEXT} at (0,0) size 39x18
             text run at (0,0) width 39: "Green"
@@ -84,36 +84,36 @@ layer at (0,0) size 800x703
                 RenderImage {IMG} at (0,0) size 100x1 [bgcolor=#000000]
               RenderTableCell {TD} at (600,9) size 20x1 [bgcolor=#000000] [r=0 c=14 rs=1 cs=1]
                 RenderImage {IMG} at (0,0) size 20x1 [bgcolor=#000000]
-      RenderTable {TABLE} at (0,446) size 784x229 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,446) size 784x229 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x227
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,113) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,113) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x201 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 770x201 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 762x36
                 RenderText {TEXT} at (0,0) size 762x36
                   text run at (0,0) width 762: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this page"
                   text run at (0,18) width 405: "indicates how the DIV elements should be laid out horizontally. "
                   text run at (405,18) width 219: "They should align with each other."
-              RenderBlock (floating) {DIV} at (4,50) size 140x98 [bgcolor=#FFFF00]
+              RenderBlock (floating) {DIV} at (4,50) size 140x98 [bgcolor=#FFFF00] [border: (20px solid #000000)]
                 RenderBlock {P} at (40,40) size 60x18 [bgcolor=#000000]
                   RenderText {TEXT} at (0,0) size 47x18
                     text run at (0,0) width 47: "Yellow"
-              RenderBlock (floating) {DIV} at (164,50) size 140x98 [color=#FFFFFF] [bgcolor=#0000FF]
+              RenderBlock (floating) {DIV} at (164,50) size 140x98 [color=#FFFFFF] [bgcolor=#0000FF] [border: (20px solid #000000)]
                 RenderBlock {P} at (40,40) size 60x18 [bgcolor=#000000]
                   RenderText {TEXT} at (0,0) size 30x18
                     text run at (0,0) width 30: "Blue"
-              RenderBlock (floating) {DIV} at (324,50) size 140x98 [bgcolor=#FF0000]
+              RenderBlock (floating) {DIV} at (324,50) size 140x98 [bgcolor=#FF0000] [border: (20px solid #000000)]
                 RenderBlock {P} at (40,40) size 60x18 [bgcolor=#000000]
                   RenderText {TEXT} at (0,0) size 26x18
                     text run at (0,0) width 26: "Red"
-              RenderBlock (floating) {DIV} at (484,50) size 140x98 [color=#FFFFFF] [bgcolor=#008000]
+              RenderBlock (floating) {DIV} at (484,50) size 140x98 [color=#FFFFFF] [bgcolor=#008000] [border: (20px solid #000000)]
                 RenderBlock {P} at (40,40) size 60x18 [bgcolor=#000000]
                   RenderText {TEXT} at (0,0) size 39x18
                     text run at (0,0) width 39: "Green"
index 923714e..1d167fd 100644 (file)
@@ -27,7 +27,7 @@ layer at (0,0) size 800x1902
           text run at (0,105) width 192: "#img5 {margin-right: -30"
           text run at (192,105) width 176: "px; margin-bottom: -30"
           text run at (368,105) width 32: "px;}"
-      RenderBlock {HR} at (0,182) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,182) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (30,204) size 744x92 [bgcolor=#FFFFFF]
         RenderText {TEXT} at (0,0) size 738x92
           text run at (0,0) width 663: "This paragraph should have a white background which extends to the edges of the"
@@ -90,18 +90,18 @@ layer at (0,0) size 800x1902
           text run at (0,92) width 397: "which extends to the edges of the element's box. "
           text run at (397,92) width 335: "There is no padding set on this paragraph"
           text run at (0,115) width 97: "whatsoever."
-      RenderTable {TABLE} at (0,1037) size 784x849 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,1037) size 784x849 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x847
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,423) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,423) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x821 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 770x821 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (34,4) size 722x92 [bgcolor=#FFFFFF]
                 RenderText {TEXT} at (0,0) size 708x92
                   text run at (0,0) width 663: "This paragraph should have a white background which extends to the edges of the"
index f49837e..316d441 100644 (file)
@@ -8,7 +8,7 @@ layer at (0,0) size 800x2822
           text run at (0,0) width 392: "This paragraph is of class \"one\". It has a width of 50% and is"
           text run at (0,18) width 110: "floated to the left."
       RenderBlock (anonymous) at (0,0) size 784x0 [bgcolor=#000000]
-        RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#CCCCCC]
+        RenderText {TEXT} at (0,0) size 0x0
       RenderBlock {P} at (0,0) size 784x72 [bgcolor=#000000]
         RenderText {TEXT} at (392,0) size 784x72
           text run at (392,0) width 392: "This paragraph should start on the right side of a yellow box"
@@ -17,7 +17,7 @@ layer at (0,0) size 800x2822
           text run at (0,54) width 740: "border or margins on this and the previous element, so the text of the two elements should be very close to each other."
       RenderBlock (anonymous) at (0,72) size 784x18 [bgcolor=#000000]
         RenderBR {BR} at (0,0) size 0x0
-      RenderBlock {HR} at (0,102) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,102) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock (floating) {P} at (0,116) size 784x72 [bgcolor=#FFFF00]
         RenderText {TEXT} at (0,0) size 784x72
           text run at (0,0) width 784: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
@@ -26,10 +26,10 @@ layer at (0,0) size 800x2822
           text run at (0,54) width 217: "paragraph for diagnostic purposes."
       RenderBlock (anonymous) at (0,116) size 784x91 [bgcolor=#000000]
         RenderImage {IMG} at (0,72) size 15x15
-        RenderText {TEXT} at (15,73) size 4x18 [bgcolor=#CCCCCC]
+        RenderText {TEXT} at (15,73) size 4x18
           text run at (15,73) width 4: " "
         RenderBR {BR} at (0,0) size 0x0
-      RenderBlock {HR} at (0,219) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,219) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock (floating) {P} at (0,233) size 392x108 [bgcolor=#FFFF00]
         RenderText {TEXT} at (0,0) size 392x108
           text run at (0,0) width 392: "This paragraph is floated to the left and the orange square"
@@ -40,10 +40,10 @@ layer at (0,0) size 800x2822
           text run at (0,90) width 79: "undernearth."
       RenderBlock (anonymous) at (0,233) size 784x108 [bgcolor=#000000]
         RenderImage {IMG} at (392,0) size 15x15
-        RenderText {TEXT} at (407,1) size 4x18 [bgcolor=#CCCCCC]
+        RenderText {TEXT} at (407,1) size 4x18
           text run at (407,1) width 4: " "
         RenderBR {BR} at (0,0) size 0x0
-      RenderBlock {HR} at (0,353) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,353) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock (floating) {P} at (392,367) size 392x108 [bgcolor=#FFFF00]
         RenderText {TEXT} at (0,0) size 392x108
           text run at (0,0) width 392: "This paragraph is floated to the right (using a STYLE"
@@ -54,10 +54,10 @@ layer at (0,0) size 800x2822
           text run at (0,90) width 157: "of the yellow box above."
       RenderBlock (anonymous) at (0,367) size 784x108 [bgcolor=#000000]
         RenderImage {IMG} at (0,0) size 15x15
-        RenderText {TEXT} at (15,1) size 4x18 [bgcolor=#CCCCCC]
+        RenderText {TEXT} at (15,1) size 4x18
           text run at (15,1) width 4: " "
         RenderBR {BR} at (0,0) size 0x0
-      RenderBlock {HR} at (0,487) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,487) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,501) size 784x54 [bgcolor=#000000]
         RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0]
           RenderText {TEXT} at (0,0) size 21x37
@@ -70,8 +70,8 @@ layer at (0,0) size 800x2822
           text run at (48,36) width 656: "vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-cap\"."
       RenderBlock (anonymous) at (0,555) size 784x18 [bgcolor=#000000]
         RenderBR {BR} at (0,0) size 0x0
-      RenderBlock {HR} at (0,585) size 784x2 [bgcolor=#000000]
-      RenderBlock (floating) {P} at (438,609) size 336x196 [bgcolor=#FFFF00]
+      RenderBlock {HR} at (0,585) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
+      RenderBlock (floating) {P} at (438,609) size 336x196 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
         RenderText {TEXT} at (8,8) size 320x180
           text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
           text run at (8,26) width 320: "of like a 'sidebar' in a magazine article. Its width is"
@@ -106,8 +106,8 @@ layer at (0,0) size 800x2822
           text run at (0,180) width 123: "the floated element."
       RenderBlock (anonymous) at (0,797) size 784x18 [bgcolor=#000000]
         RenderBR {BR} at (0,0) size 0x0
-      RenderBlock {HR} at (0,827) size 784x2 [bgcolor=#000000]
-      RenderBlock {DIV} at (0,841) size 784x26 [bgcolor=#66CCFF]
+      RenderBlock {HR} at (0,827) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
+      RenderBlock {DIV} at (0,841) size 784x26 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
         RenderBlock (floating) {DIV} at (440,14) size 330x226 [bgcolor=#FFFF00]
           RenderBlock {P} at (5,5) size 320x216 [bgcolor=#000000]
             RenderText {TEXT} at (0,0) size 320x216
@@ -127,13 +127,13 @@ layer at (0,0) size 800x2822
               text run at (0,180) width 320: "border. I.e., the bottom red border will appear"
               text run at (0,198) width 318: "broken where it's overlaid by the yellow rectangle."
         RenderBlock (anonymous) at (4,4) size 776x0 [bgcolor=#000000]
-          RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#66CCFF]
+          RenderText {TEXT} at (0,0) size 0x0
         RenderBlock {P} at (4,4) size 776x18 [bgcolor=#000000]
           RenderText {TEXT} at (0,0) size 268x18
             text run at (0,0) width 268: "See description in the box on the right side"
       RenderBlock (anonymous) at (0,867) size 784x224 [bgcolor=#000000]
         RenderBR {BR} at (0,0) size 0x0
-      RenderBlock {HR} at (0,1103) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,1103) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock (floating) {DIV} at (0,1117) size 196x72 [bgcolor=#66CCFF]
         RenderBlock {P} at (0,0) size 196x72 [bgcolor=#000000]
           RenderText {TEXT} at (0,0) size 196x72
@@ -154,7 +154,7 @@ layer at (0,0) size 800x2822
           text run at (196,18) width 199: "and a yellow box (on the right)."
       RenderBlock (anonymous) at (0,1153) size 784x36 [bgcolor=#000000]
         RenderBR {BR} at (0,0) size 0x0
-      RenderBlock {HR} at (0,1201) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,1201) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock (floating) {DIV} at (0,1215) size 588x126 [bgcolor=#66CCFF]
         RenderBlock (floating) {DIV} at (431,0) size 147x36 [bgcolor=#FFFF00]
           RenderBlock {P} at (0,0) size 147x36 [bgcolor=#000000]
@@ -162,7 +162,7 @@ layer at (0,0) size 800x2822
               text run at (0,0) width 147: "See description in the"
               text run at (0,18) width 124: "box on the left side."
         RenderBlock (anonymous) at (0,0) size 588x0 [bgcolor=#000000]
-          RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#66CCFF]
+          RenderText {TEXT} at (0,0) size 0x0
         RenderBlock {P} at (0,0) size 588x126 [bgcolor=#000000]
           RenderText {TEXT} at (0,0) size 588x126
             text run at (0,0) width 431: "This paragraph is inside a DIV which is floated left. The"
@@ -181,19 +181,19 @@ layer at (0,0) size 800x2822
             text run at (0,108) width 138: "stripe on its right side."
       RenderBlock (anonymous) at (0,1215) size 784x126 [bgcolor=#000000]
         RenderBR {BR} at (0,0) size 0x0
-      RenderBlock {HR} at (0,1353) size 784x2 [bgcolor=#000000]
-      RenderTable {TABLE} at (0,1367) size 784x1439 [bgcolor=#000000]
+      RenderBlock {HR} at (0,1353) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
+      RenderTable {TABLE} at (0,1367) size 784x1439 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x1437
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,718) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,718) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x1411 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 770x1411 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock (floating) {P} at (4,4) size 381x36 [bgcolor=#FFFF00]
                 RenderText {TEXT} at (0,0) size 381x36
                   text run at (0,0) width 381: "This paragraph is of class \"one\". It has a width of 50% and"
@@ -209,7 +209,7 @@ layer at (0,0) size 800x2822
                   text run at (0,72) width 36: "other."
               RenderBlock (anonymous) at (4,94) size 762x18
                 RenderBR {BR} at (0,0) size 0x0
-              RenderBlock {HR} at (4,124) size 762x2
+              RenderBlock {HR} at (4,124) size 762x2 [border: (1px inset #000000)]
               RenderBlock (floating) {P} at (4,138) size 762x72 [bgcolor=#FFFF00]
                 RenderText {TEXT} at (0,0) size 762x72
                   text run at (0,0) width 762: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
@@ -221,7 +221,7 @@ layer at (0,0) size 800x2822
                 RenderText {TEXT} at (15,73) size 4x18
                   text run at (15,73) width 4: " "
                 RenderBR {BR} at (0,0) size 0x0
-              RenderBlock {HR} at (4,241) size 762x2
+              RenderBlock {HR} at (4,241) size 762x2 [border: (1px inset #000000)]
               RenderBlock (floating) {P} at (4,255) size 381x108 [bgcolor=#FFFF00]
                 RenderText {TEXT} at (0,0) size 381x108
                   text run at (0,0) width 381: "This paragraph is floated to the left and the orange square"
@@ -235,7 +235,7 @@ layer at (0,0) size 800x2822
                 RenderText {TEXT} at (396,1) size 4x18
                   text run at (396,1) width 4: " "
                 RenderBR {BR} at (0,0) size 0x0
-              RenderBlock {HR} at (4,375) size 762x2
+              RenderBlock {HR} at (4,375) size 762x2 [border: (1px inset #000000)]
               RenderBlock (floating) {P} at (385,389) size 381x108 [bgcolor=#FFFF00]
                 RenderText {TEXT} at (0,0) size 381x108
                   text run at (0,0) width 381: "This paragraph is floated to the right (using a STYLE"
@@ -249,7 +249,7 @@ layer at (0,0) size 800x2822
                 RenderText {TEXT} at (15,1) size 4x18
                   text run at (15,1) width 4: " "
                 RenderBR {BR} at (0,0) size 0x0
-              RenderBlock {HR} at (4,509) size 762x2
+              RenderBlock {HR} at (4,509) size 762x2 [border: (1px inset #000000)]
               RenderBlock {P} at (4,523) size 762x54
                 RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0]
                   RenderText {TEXT} at (0,0) size 21x37
@@ -262,8 +262,8 @@ layer at (0,0) size 800x2822
                   text run at (48,36) width 675: "be vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-cap\"."
               RenderBlock (anonymous) at (4,577) size 762x18
                 RenderBR {BR} at (0,0) size 0x0
-              RenderBlock {HR} at (4,607) size 762x2
-              RenderBlock (floating) {P} at (420,631) size 336x196 [bgcolor=#FFFF00]
+              RenderBlock {HR} at (4,607) size 762x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {P} at (420,631) size 336x196 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
                 RenderText {TEXT} at (8,8) size 320x180
                   text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
                   text run at (8,26) width 320: "of like a 'sidebar' in a magazine article. Its width is"
@@ -299,8 +299,8 @@ layer at (0,0) size 800x2822
                   text run at (0,198) width 53: "element."
               RenderBlock (anonymous) at (4,837) size 762x18
                 RenderBR {BR} at (0,0) size 0x0
-              RenderBlock {HR} at (4,867) size 762x2
-              RenderBlock {DIV} at (4,881) size 762x26 [bgcolor=#66CCFF]
+              RenderBlock {HR} at (4,867) size 762x2 [border: (1px inset #000000)]
+              RenderBlock {DIV} at (4,881) size 762x26 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
                 RenderBlock (floating) {DIV} at (418,14) size 330x226 [bgcolor=#FFFF00]
                   RenderBlock {P} at (5,5) size 320x216 [bgcolor=#000000]
                     RenderText {TEXT} at (0,0) size 320x216
@@ -320,13 +320,13 @@ layer at (0,0) size 800x2822
                       text run at (0,180) width 320: "border. I.e., the bottom red border will appear"
                       text run at (0,198) width 318: "broken where it's overlaid by the yellow rectangle."
                 RenderBlock (anonymous) at (4,4) size 754x0 [bgcolor=#000000]
-                  RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#66CCFF]
+                  RenderText {TEXT} at (0,0) size 0x0
                 RenderBlock {P} at (4,4) size 754x18 [bgcolor=#000000]
                   RenderText {TEXT} at (0,0) size 268x18
                     text run at (0,0) width 268: "See description in the box on the right side"
               RenderBlock (anonymous) at (4,907) size 762x224
                 RenderBR {BR} at (0,0) size 0x0
-              RenderBlock {HR} at (4,1143) size 762x2
+              RenderBlock {HR} at (4,1143) size 762x2 [border: (1px inset #000000)]
               RenderBlock (floating) {DIV} at (4,1157) size 190x72 [bgcolor=#66CCFF]
                 RenderBlock {P} at (0,0) size 190x72 [bgcolor=#000000]
                   RenderText {TEXT} at (0,0) size 190x72
@@ -348,7 +348,7 @@ layer at (0,0) size 800x2822
                   text run at (219,18) width 199: "and a yellow box (on the right)."
               RenderBlock (anonymous) at (4,1193) size 762x36
                 RenderBR {BR} at (0,0) size 0x0
-              RenderBlock {HR} at (4,1241) size 762x2
+              RenderBlock {HR} at (4,1241) size 762x2 [border: (1px inset #000000)]
               RenderBlock (floating) {DIV} at (4,1255) size 571x126 [bgcolor=#66CCFF]
                 RenderBlock (floating) {DIV} at (419,0) size 142x36 [bgcolor=#FFFF00]
                   RenderBlock {P} at (0,0) size 142x36 [bgcolor=#000000]
@@ -356,7 +356,7 @@ layer at (0,0) size 800x2822
                       text run at (0,0) width 142: "See description in the"
                       text run at (0,18) width 124: "box on the left side."
                 RenderBlock (anonymous) at (0,0) size 571x0 [bgcolor=#000000]
-                  RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#66CCFF]
+                  RenderText {TEXT} at (0,0) size 0x0
                 RenderBlock {P} at (0,0) size 571x126 [bgcolor=#000000]
                   RenderText {TEXT} at (0,0) size 571x126
                     text run at (0,0) width 419: "This paragraph is inside a DIV which is floated left. The"
@@ -375,4 +375,4 @@ layer at (0,0) size 800x2822
                     text run at (78,108) width 138: "stripe on its right side."
               RenderBlock (anonymous) at (4,1255) size 762x126
                 RenderBR {BR} at (0,0) size 0x0
-              RenderBlock {HR} at (4,1393) size 762x2
+              RenderBlock {HR} at (4,1393) size 762x2 [border: (1px inset #000000)]
index 9ef237a..74ee1ba 100644 (file)
@@ -12,22 +12,22 @@ layer at (0,0) size 800x978
           text run at (128,0) width 32: "px;}"
           text run at (0,15) width 136: ".two {height: 100"
           text run at (136,15) width 32: "px;}"
-      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock (anonymous) at (0,106) size 784x50 [bgcolor=#000000]
         RenderImage {IMG} at (0,0) size 50x50
-        RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#CCCCCC]
+        RenderText {TEXT} at (0,0) size 0x0
       RenderBlock {P} at (0,172) size 784x18 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 275x18
           text run at (0,0) width 275: "The square above should be fifty pixels tall."
       RenderBlock (anonymous) at (0,206) size 784x100 [bgcolor=#000000]
         RenderImage {IMG} at (0,0) size 100x100
-        RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#CCCCCC]
+        RenderText {TEXT} at (0,0) size 0x0
       RenderBlock {P} at (0,322) size 784x18 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 335x18
           text run at (0,0) width 335: "The square above should be 100 pixels tall and wide."
       RenderBlock (anonymous) at (0,356) size 784x100 [bgcolor=#000000]
         RenderImage {IMG} at (0,0) size 30x100
-        RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#CCCCCC]
+        RenderText {TEXT} at (0,0) size 0x0
       RenderBlock {P} at (0,472) size 784x36 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 784x36
           text run at (0,0) width 619: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50"
@@ -38,18 +38,18 @@ layer at (0,0) size 800x978
             text run at (116,20) width 48: "height"
         RenderText {TEXT} at (164,18) size 66x18
           text run at (164,18) width 66: " property)."
-      RenderTable {TABLE} at (0,524) size 784x438 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,524) size 784x438 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x436
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,218) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,218) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x410 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 770x410 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock (anonymous) at (4,4) size 762x50
                 RenderImage {IMG} at (0,0) size 50x50
                 RenderText {TEXT} at (0,0) size 0x0
index d7689aa..018eea6 100644 (file)
@@ -20,7 +20,7 @@ layer at (0,0) size 802x2608
           text run at (136,75) width 32: "px;}"
           text run at (0,90) width 136: ".six {margin: -10"
           text run at (136,90) width 224: "px; background-color: aqua;}"
-      RenderBlock {HR} at (0,152) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,152) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,170) size 784x36 [bgcolor=#000000]
         RenderText {TEXT} at (0,0) size 738x36
           text run at (0,0) width 738: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described in"
@@ -87,18 +87,18 @@ layer at (0,0) size 802x2608
       RenderBlock {P} at (0,1342) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderTable {TABLE} at (0,1360) size 784x1232 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,1360) size 784x1232 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x1230
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,615) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,615) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x1204 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 770x1204 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 762x36
                 RenderText {TEXT} at (0,0) size 738x36
                   text run at (0,0) width 738: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described in"
index d5f7988..9d2d42b 100644 (file)
@@ -21,7 +21,7 @@ layer at (0,0) size 800x1740
           text run at (0,90) width 192: ".six {margin-bottom: -10"
           text run at (192,90) width 224: "px; background-color: aqua;}"
           text run at (0,105) width 176: "P, UL {margin-top: 0;}"
-      RenderBlock {HR} at (0,182) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,182) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,196) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
@@ -80,18 +80,18 @@ layer at (0,0) size 800x1740
       RenderBlock {P} at (0,927) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 232x18
           text run at (0,0) width 232: "This element also has a class of zero."
-      RenderTable {TABLE} at (0,945) size 784x779 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,945) size 784x779 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x777
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,388) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,388) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x751 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 770x751 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 762x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
index f95af06..08b118f 100644 (file)
@@ -12,7 +12,7 @@ layer at (0,0) size 800x411
           text run at (184,0) width 224: "px; background-color: aqua;}"
           text run at (0,15) width 192: ".two {margin-bottom: -10"
           text run at (192,15) width 224: "px; background-color: aqua;}"
-      RenderBlock {HR} at (0,77) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,77) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,95) size 784x54 [bgcolor=#808080]
         RenderText {TEXT} at (0,0) size 481x18
           text run at (0,0) width 393: "This element is unstyled save for a background color of gray.. "
@@ -49,18 +49,18 @@ layer at (0,0) size 800x411
           text run at (250,18) width 8: ". "
           text run at (258,18) width 505: "Margins on inline elements does not affect line-height calculations, so all lines in"
           text run at (0,36) width 289: "this element should have the same line-height."
-      RenderTable {TABLE} at (0,235) size 784x160 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,235) size 784x160 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x158
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,79) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,79) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x132 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 770x132 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 762x54 [bgcolor=#808080]
                 RenderText {TEXT} at (0,0) size 481x18
                   text run at (0,0) width 393: "This element is unstyled save for a background color of gray.. "
index ae5d6c1..0dc1256 100644 (file)
@@ -13,7 +13,7 @@ layer at (0,0) size 800x700
           text run at (128,15) width 224: "px; background-color: aqua;}"
           text run at (0,30) width 136: ".two {margin: -10"
           text run at (136,30) width 224: "px; background-color: aqua;}"
-      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,106) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
@@ -67,18 +67,18 @@ layer at (0,0) size 800x700
       RenderBlock {P} at (0,350) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderTable {TABLE} at (0,368) size 784x316 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,368) size 784x316 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x314
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,157) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,157) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x288 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 770x288 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 762x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
index d160805..957c7ca 100644 (file)
@@ -18,7 +18,7 @@ layer at (0,0) size 800x987
           text run at (0,60) width 392: ".four {margin-left: 25%; background-color: aqua;}"
           text run at (0,75) width 184: ".five {margin-left: -10"
           text run at (184,75) width 224: "px; background-color: aqua;}"
-      RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,155) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
@@ -62,18 +62,18 @@ layer at (0,0) size 800x987
           text run at (83,18) width 386: "In all other respects, however, the element should be normal. "
           text run at (469,18) width 278: "No styles have been applied to it besides the"
           text run at (0,36) width 294: "negative left margin and the background color."
-      RenderTable {TABLE} at (0,553) size 784x418 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,553) size 784x418 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x416
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,208) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,208) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x390 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 770x390 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 762x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
index cdff8de..983c4ce 100644 (file)
@@ -12,7 +12,7 @@ layer at (0,0) size 800x339
           text run at (168,0) width 224: "px; background-color: aqua;}"
           text run at (0,15) width 176: ".two {margin-left: -10"
           text run at (176,15) width 224: "px; background-color: aqua;}"
-      RenderBlock {HR} at (0,77) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,77) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,95) size 784x36 [bgcolor=#808080]
         RenderText {TEXT} at (0,0) size 543x18
           text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
@@ -51,18 +51,18 @@ layer at (0,0) size 800x339
             text run at (284,18) width 27: "first"
         RenderText {TEXT} at (311,18) size 232x18
           text run at (311,18) width 232: " line in which the inline box appears."
-      RenderTable {TABLE} at (0,199) size 784x124 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,199) size 784x124 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x122
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,61) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,61) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x96 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 770x96 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 762x36 [bgcolor=#808080]
                 RenderText {TEXT} at (0,0) size 543x18
                   text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
index 1df19d7..7440c6b 100644 (file)
@@ -18,7 +18,7 @@ layer at (0,0) size 802x1005
           text run at (0,60) width 552: ".four {margin-right: 25%; text-align: right; background-color: aqua;}"
           text run at (0,75) width 192: ".five {margin-right: -10"
           text run at (192,75) width 224: "px; background-color: aqua;}"
-      RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,155) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (581,0) size 203x18
           text run at (581,0) width 203: "This element has a class of zero."
@@ -62,18 +62,18 @@ layer at (0,0) size 802x1005
           text run at (114,18) width 386: "In all other respects, however, the element should be normal. "
           text run at (500,18) width 278: "No styles have been applied to it besides the"
           text run at (0,36) width 303: "negative right margin and the background color."
-      RenderTable {TABLE} at (0,553) size 784x436 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,553) size 784x436 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x434
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,217) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,217) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x408 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 770x408 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 762x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (559,0) size 203x18
                   text run at (559,0) width 203: "This element has a class of zero."
index 5e48f79..f783084 100644 (file)
@@ -12,7 +12,7 @@ layer at (0,0) size 800x339
           text run at (176,0) width 376: "px; text-align: right; background-color: aqua;}"
           text run at (0,15) width 184: ".two {margin-right: -10"
           text run at (184,15) width 224: "px; background-color: aqua;}"
-      RenderBlock {HR} at (0,77) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,77) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,95) size 784x36 [bgcolor=#808080]
         RenderText {TEXT} at (0,0) size 543x18
           text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
@@ -51,18 +51,18 @@ layer at (0,0) size 800x339
             text run at (293,18) width 23: "last"
         RenderText {TEXT} at (316,18) size 232x18
           text run at (316,18) width 232: " line in which the inline box appears."
-      RenderTable {TABLE} at (0,199) size 784x124 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,199) size 784x124 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x122
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,61) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,61) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x96 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 770x96 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 762x36 [bgcolor=#808080]
                 RenderText {TEXT} at (0,0) size 543x18
                   text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
index 2f25c05..232102f 100644 (file)
@@ -21,7 +21,7 @@ layer at (0,0) size 800x1650
           text run at (0,90) width 168: ".six {margin-top: -10"
           text run at (168,90) width 224: "px; background-color: aqua;}"
           text run at (0,105) width 200: "P, UL {margin-bottom: 0;}"
-      RenderBlock {HR} at (0,164) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,164) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,178) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
@@ -74,18 +74,18 @@ layer at (0,0) size 800x1650
           text run at (0,18) width 488: "No other styles have been applied to it besides a light blue background color. "
           text run at (488,18) width 267: "In all other respects, the element should be"
           text run at (0,36) width 48: "normal."
-      RenderTable {TABLE} at (0,891) size 784x743 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,891) size 784x743 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x741
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,370) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,370) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x715 [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 770x715 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 762x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
index 30b1892..5930298 100644 (file)
@@ -13,7 +13,7 @@ layer at (0,0) size 800x441
           text run at (160,15) width 224: "px; background-color: aqua;}"
           text run at (0,30) width 168: ".two {margin-top: -10"
           text run at (168,30) width 224: "px; background-color: aqua;}"
-      RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000]
+      RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
       RenderBlock {P} at (0,125) size 784x54 [bgcolor=#808080]
         RenderText {TEXT} at (0,0) size 477x18
           text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
@@ -50,18 +50,18 @@ layer at (0,0) size 800x441
           text run at (332,18) width 8: ". "
           text run at (340,18) width 443: "Margins on inline elements do not affect line-height calculations, so all"
           text run at (0,36) width 338: "lines in this element should have the same line-height."
-      RenderTable {TABLE} at (0,265) size 784x160 [bgcolor=#000000]
+      RenderTable {TABLE} at (0,265) size 784x160 [bgcolor=#000000] [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x158
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+            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 163x18 [bgcolor=#000000]
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,79) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,79) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x132 [r=1 c=1 rs=1 cs=1]