More layout tests here.
authordarin <darin@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 31 Jul 2003 00:21:00 +0000 (00:21 +0000)
committerdarin <darin@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 31 Jul 2003 00:21:00 +0000 (00:21 +0000)
git-svn-id: https://svn.webkit.org/repository/webkit/trunk@4742 268f45cc-cd09-0410-ab3c-d52691b4dbfc

232 files changed:
LayoutTests/css1/basic/class_as_selector-expected.txt [new file with mode: 0644]
LayoutTests/css1/basic/class_as_selector.html [new file with mode: 0644]
LayoutTests/css1/basic/comments-expected.txt [new file with mode: 0644]
LayoutTests/css1/basic/comments.html [new file with mode: 0644]
LayoutTests/css1/basic/containment-expected.txt [new file with mode: 0644]
LayoutTests/css1/basic/containment.html [new file with mode: 0644]
LayoutTests/css1/basic/contextual_selectors-expected.txt [new file with mode: 0644]
LayoutTests/css1/basic/contextual_selectors.html [new file with mode: 0644]
LayoutTests/css1/basic/grouping-expected.txt [new file with mode: 0644]
LayoutTests/css1/basic/grouping.html [new file with mode: 0644]
LayoutTests/css1/basic/id_as_selector-expected.txt [new file with mode: 0644]
LayoutTests/css1/basic/id_as_selector.html [new file with mode: 0644]
LayoutTests/css1/basic/inheritance-expected.txt [new file with mode: 0644]
LayoutTests/css1/basic/inheritance.html [new file with mode: 0644]
LayoutTests/css1/box_properties/acid_test-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/acid_test.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_bottom-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_bottom.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_bottom_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_bottom_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_bottom_width-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_bottom_width.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_bottom_width_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_bottom_width_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_color-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_color.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_color_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_color_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_left-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_left.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_left_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_left_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_left_width-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_left_width.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_left_width_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_left_width_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_right-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_right.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_right_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_right_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_right_width-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_right_width.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_right_width_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_right_width_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_style-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_style.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_style_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_style_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_top-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_top.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_top_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_top_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_top_width-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_top_width.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_top_width_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_top_width_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_width-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_width.html [new file with mode: 0644]
LayoutTests/css1/box_properties/border_width_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/border_width_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/clear-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/clear.html [new file with mode: 0644]
LayoutTests/css1/box_properties/clear_float-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/clear_float.html [new file with mode: 0644]
LayoutTests/css1/box_properties/float-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/float.html [new file with mode: 0644]
LayoutTests/css1/box_properties/float_elements_in_series-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/float_elements_in_series.html [new file with mode: 0644]
LayoutTests/css1/box_properties/float_margin-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/float_margin.html [new file with mode: 0644]
LayoutTests/css1/box_properties/float_on_text_elements-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/float_on_text_elements.html [new file with mode: 0644]
LayoutTests/css1/box_properties/height-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/height.html [new file with mode: 0644]
LayoutTests/css1/box_properties/margin-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/margin.html [new file with mode: 0644]
LayoutTests/css1/box_properties/margin_bottom-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/margin_bottom.html [new file with mode: 0644]
LayoutTests/css1/box_properties/margin_bottom_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/margin_bottom_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/margin_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/margin_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/margin_left-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/margin_left.html [new file with mode: 0644]
LayoutTests/css1/box_properties/margin_left_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/margin_left_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/margin_right-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/margin_right.html [new file with mode: 0644]
LayoutTests/css1/box_properties/margin_right_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/margin_right_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/margin_top-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/margin_top.html [new file with mode: 0644]
LayoutTests/css1/box_properties/margin_top_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/margin_top_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/padding-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/padding.html [new file with mode: 0644]
LayoutTests/css1/box_properties/padding_bottom-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/padding_bottom.html [new file with mode: 0644]
LayoutTests/css1/box_properties/padding_bottom_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/padding_bottom_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/padding_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/padding_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/padding_left-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/padding_left.html [new file with mode: 0644]
LayoutTests/css1/box_properties/padding_left_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/padding_left_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/padding_right-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/padding_right.html [new file with mode: 0644]
LayoutTests/css1/box_properties/padding_right_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/padding_right_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/padding_top-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/padding_top.html [new file with mode: 0644]
LayoutTests/css1/box_properties/padding_top_inline-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/padding_top_inline.html [new file with mode: 0644]
LayoutTests/css1/box_properties/width-expected.txt [new file with mode: 0644]
LayoutTests/css1/box_properties/width.html [new file with mode: 0644]
LayoutTests/css1/cascade/cascade_order-expected.txt [new file with mode: 0644]
LayoutTests/css1/cascade/cascade_order.html [new file with mode: 0644]
LayoutTests/css1/cascade/important-expected.txt [new file with mode: 0644]
LayoutTests/css1/cascade/important.html [new file with mode: 0644]
LayoutTests/css1/classification/display-expected.txt [new file with mode: 0644]
LayoutTests/css1/classification/display.html [new file with mode: 0644]
LayoutTests/css1/classification/list_style-expected.txt [new file with mode: 0644]
LayoutTests/css1/classification/list_style.html [new file with mode: 0644]
LayoutTests/css1/classification/list_style_image-expected.txt [new file with mode: 0644]
LayoutTests/css1/classification/list_style_image.html [new file with mode: 0644]
LayoutTests/css1/classification/list_style_position-expected.txt [new file with mode: 0644]
LayoutTests/css1/classification/list_style_position.html [new file with mode: 0644]
LayoutTests/css1/classification/list_style_type-expected.txt [new file with mode: 0644]
LayoutTests/css1/classification/list_style_type.html [new file with mode: 0644]
LayoutTests/css1/classification/white_space-expected.txt [new file with mode: 0644]
LayoutTests/css1/classification/white_space.html [new file with mode: 0644]
LayoutTests/css1/color_and_background/background-expected.txt [new file with mode: 0644]
LayoutTests/css1/color_and_background/background.html [new file with mode: 0644]
LayoutTests/css1/color_and_background/background_attachment-expected.txt [new file with mode: 0644]
LayoutTests/css1/color_and_background/background_attachment.html [new file with mode: 0644]
LayoutTests/css1/color_and_background/background_color-expected.txt [new file with mode: 0644]
LayoutTests/css1/color_and_background/background_color.html [new file with mode: 0644]
LayoutTests/css1/color_and_background/background_image-expected.txt [new file with mode: 0644]
LayoutTests/css1/color_and_background/background_image.html [new file with mode: 0644]
LayoutTests/css1/color_and_background/background_position-expected.txt [new file with mode: 0644]
LayoutTests/css1/color_and_background/background_position.html [new file with mode: 0644]
LayoutTests/css1/color_and_background/background_repeat-expected.txt [new file with mode: 0644]
LayoutTests/css1/color_and_background/background_repeat.html [new file with mode: 0644]
LayoutTests/css1/color_and_background/color-expected.txt [new file with mode: 0644]
LayoutTests/css1/color_and_background/color.html [new file with mode: 0644]
LayoutTests/css1/conformance/forward_compatible_parsing-expected.txt [new file with mode: 0644]
LayoutTests/css1/conformance/forward_compatible_parsing.html [new file with mode: 0644]
LayoutTests/css1/font_properties/font-actual.txt [new file with mode: 0644]
LayoutTests/css1/font_properties/font-diffs.txt [new file with mode: 0644]
LayoutTests/css1/font_properties/font-expected.txt [new file with mode: 0644]
LayoutTests/css1/font_properties/font.html [new file with mode: 0644]
LayoutTests/css1/font_properties/font_family-expected.txt [new file with mode: 0644]
LayoutTests/css1/font_properties/font_family.html [new file with mode: 0644]
LayoutTests/css1/font_properties/font_size-expected.txt [new file with mode: 0644]
LayoutTests/css1/font_properties/font_size.html [new file with mode: 0644]
LayoutTests/css1/font_properties/font_style-expected.txt [new file with mode: 0644]
LayoutTests/css1/font_properties/font_style.html [new file with mode: 0644]
LayoutTests/css1/font_properties/font_variant-expected.txt [new file with mode: 0644]
LayoutTests/css1/font_properties/font_variant.html [new file with mode: 0644]
LayoutTests/css1/font_properties/font_weight-expected.txt [new file with mode: 0644]
LayoutTests/css1/font_properties/font_weight.html [new file with mode: 0644]
LayoutTests/css1/formatting_model/canvas-expected.txt [new file with mode: 0644]
LayoutTests/css1/formatting_model/canvas.html [new file with mode: 0644]
LayoutTests/css1/formatting_model/floating_elements-expected.txt [new file with mode: 0644]
LayoutTests/css1/formatting_model/floating_elements.html [new file with mode: 0644]
LayoutTests/css1/formatting_model/height_of_lines-expected.txt [new file with mode: 0644]
LayoutTests/css1/formatting_model/height_of_lines.html [new file with mode: 0644]
LayoutTests/css1/formatting_model/horizontal_formatting-expected.txt [new file with mode: 0644]
LayoutTests/css1/formatting_model/horizontal_formatting.html [new file with mode: 0644]
LayoutTests/css1/formatting_model/inline_elements-expected.txt [new file with mode: 0644]
LayoutTests/css1/formatting_model/inline_elements.html [new file with mode: 0644]
LayoutTests/css1/formatting_model/replaced_elements-expected.txt [new file with mode: 0644]
LayoutTests/css1/formatting_model/replaced_elements.html [new file with mode: 0644]
LayoutTests/css1/formatting_model/vertical_formatting-expected.txt [new file with mode: 0644]
LayoutTests/css1/formatting_model/vertical_formatting.html [new file with mode: 0644]
LayoutTests/css1/pseudo/anchor-expected.txt [new file with mode: 0644]
LayoutTests/css1/pseudo/anchor.html [new file with mode: 0644]
LayoutTests/css1/pseudo/firstletter-expected.txt [new file with mode: 0644]
LayoutTests/css1/pseudo/firstletter.html [new file with mode: 0644]
LayoutTests/css1/pseudo/firstline-expected.txt [new file with mode: 0644]
LayoutTests/css1/pseudo/firstline.html [new file with mode: 0644]
LayoutTests/css1/pseudo/multiple_pseudo_elements-expected.txt [new file with mode: 0644]
LayoutTests/css1/pseudo/multiple_pseudo_elements.html [new file with mode: 0644]
LayoutTests/css1/pseudo/pseudo_elements_in_selectors-expected.txt [new file with mode: 0644]
LayoutTests/css1/pseudo/pseudo_elements_in_selectors.html [new file with mode: 0644]
LayoutTests/css1/resources/base.css [new file with mode: 0644]
LayoutTests/css1/resources/basebg.gif [new file with mode: 0644]
LayoutTests/css1/resources/bg.gif [new file with mode: 0644]
LayoutTests/css1/resources/crosshair.gif [new file with mode: 0644]
LayoutTests/css1/resources/crosshair2.gif [new file with mode: 0644]
LayoutTests/css1/resources/hblank1.gif [new file with mode: 0644]
LayoutTests/css1/resources/hblank2.gif [new file with mode: 0644]
LayoutTests/css1/resources/imptest1.css [new file with mode: 0644]
LayoutTests/css1/resources/imptest1a.css [new file with mode: 0644]
LayoutTests/css1/resources/imptest2.css [new file with mode: 0644]
LayoutTests/css1/resources/linktest.css [new file with mode: 0644]
LayoutTests/css1/resources/linktest2.css [new file with mode: 0644]
LayoutTests/css1/resources/oransqr.gif [new file with mode: 0644]
LayoutTests/css1/resources/sec64.css [new file with mode: 0644]
LayoutTests/css1/resources/sec642.css [new file with mode: 0644]
LayoutTests/css1/resources/vblank.gif [new file with mode: 0644]
LayoutTests/css1/text_properties/letter_spacing-expected.txt [new file with mode: 0644]
LayoutTests/css1/text_properties/letter_spacing.html [new file with mode: 0644]
LayoutTests/css1/text_properties/line_height-expected.txt [new file with mode: 0644]
LayoutTests/css1/text_properties/line_height.html [new file with mode: 0644]
LayoutTests/css1/text_properties/text_align-expected.txt [new file with mode: 0644]
LayoutTests/css1/text_properties/text_align.html [new file with mode: 0644]
LayoutTests/css1/text_properties/text_decoration-expected.txt [new file with mode: 0644]
LayoutTests/css1/text_properties/text_decoration.html [new file with mode: 0644]
LayoutTests/css1/text_properties/text_indent-expected.txt [new file with mode: 0644]
LayoutTests/css1/text_properties/text_indent.html [new file with mode: 0644]
LayoutTests/css1/text_properties/text_transform-expected.txt [new file with mode: 0644]
LayoutTests/css1/text_properties/text_transform.html [new file with mode: 0644]
LayoutTests/css1/text_properties/vertical_align-expected.txt [new file with mode: 0644]
LayoutTests/css1/text_properties/vertical_align.html [new file with mode: 0644]
LayoutTests/css1/text_properties/word_spacing-expected.txt [new file with mode: 0644]
LayoutTests/css1/text_properties/word_spacing.html [new file with mode: 0644]
LayoutTests/css1/units/color_units-expected.txt [new file with mode: 0644]
LayoutTests/css1/units/color_units.html [new file with mode: 0644]
LayoutTests/css1/units/length_units-actual.txt [new file with mode: 0644]
LayoutTests/css1/units/length_units-diffs.txt [new file with mode: 0644]
LayoutTests/css1/units/length_units-expected.txt [new file with mode: 0644]
LayoutTests/css1/units/length_units.html [new file with mode: 0644]
LayoutTests/css1/units/percentage_units-expected.txt [new file with mode: 0644]
LayoutTests/css1/units/percentage_units.html [new file with mode: 0644]
LayoutTests/css1/units/urls-expected.txt [new file with mode: 0644]
LayoutTests/css1/units/urls.html [new file with mode: 0644]

diff --git a/LayoutTests/css1/basic/class_as_selector-expected.txt b/LayoutTests/css1/basic/class_as_selector-expected.txt
new file mode 100644 (file)
index 0000000..3a16e8d
--- /dev/null
@@ -0,0 +1,67 @@
+layer at (0,0) size 800x600
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x546
+  RenderBlock {HTML} at (0,0) size 800x546
+    RenderBody {BODY} at (8,8) size 784x530 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x64 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 176x64
+          text run at (0,0) width 160: ".one {color: green;}"
+          text run at (0,16) width 128: ".1 {color: red;}"
+          text run at (0,32) width 152: ".a1 {color: green;}"
+          text run at (0,48) width 176: "P.two {color: purple;}"
+      RenderBlock {HR} at (1,109) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,125) size 784x17 [color=#008000] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 213x17
+          text run at (0,0) width 213: "This sentence should be green."
+      RenderBlock {P} at (0,156) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 613x17
+          text run at (0,0) width 613: "This sentence should be black, not red-- class selectors cannot begin with digits in CSS1."
+      RenderBlock {P} at (0,187) size 784x17 [color=#008000] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 213x17
+          text run at (0,0) width 213: "This sentence should be green."
+      RenderBlock {P} at (0,218) size 784x17 [color=#800080] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 218x17
+          text run at (0,0) width 218: "This sentence should be purple."
+      RenderBlock {PRE} at (0,249) size 784x16 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 280x16
+          text run at (0,0) width 280: "This sentence should NOT be purple."
+      RenderBlock {UL} at (0,279) size 784x17 [bgcolor=#000000]
+        RenderListItem {LI} at (40,0) size 744x17
+          RenderListMarker at (0,0) size 0x14
+          RenderText {TEXT} at (0,0) size 253x17
+            text run at (0,0) width 253: "This sentence should NOT be purple."
+      RenderTable {TABLE} at (0,310) size 635x220 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x218
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 633x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,109) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 621x193 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 613x17 [color=#008000]
+                RenderText {TEXT} at (0,0) size 213x17
+                  text run at (0,0) width 213: "This sentence should be green."
+              RenderBlock {P} at (4,35) size 613x17
+                RenderText {TEXT} at (0,0) size 613x17
+                  text run at (0,0) width 613: "This sentence should be black, not red-- class selectors cannot begin with digits in CSS1."
+              RenderBlock {P} at (4,66) size 613x17 [color=#008000]
+                RenderText {TEXT} at (0,0) size 213x17
+                  text run at (0,0) width 213: "This sentence should be green."
+              RenderBlock {P} at (4,97) size 613x17 [color=#800080]
+                RenderText {TEXT} at (0,0) size 218x17
+                  text run at (0,0) width 218: "This sentence should be purple."
+              RenderBlock {PRE} at (4,128) size 613x16
+                RenderText {TEXT} at (0,0) size 280x16
+                  text run at (0,0) width 280: "This sentence should NOT be purple."
+              RenderBlock {UL} at (4,158) size 613x17
+                RenderListItem {LI} at (40,0) size 573x17
+                  RenderListMarker at (0,0) size 0x14
+                  RenderText {TEXT} at (0,0) size 253x17
+                    text run at (0,0) width 253: "This sentence should NOT be purple."
diff --git a/LayoutTests/css1/basic/class_as_selector.html b/LayoutTests/css1/basic/class_as_selector.html
new file mode 100644 (file)
index 0000000..e5ee63c
--- /dev/null
@@ -0,0 +1,67 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 1.4 Class as selector</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+.one {color: green;}
+.1 {color: red;}
+.a1 {color: green;}
+P.two {color: purple;}</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>.one {color: green;}
+.1 {color: red;}
+.a1 {color: green;}
+P.two {color: purple;}
+</PRE>
+<HR>
+<P class="one">
+This sentence should be green.
+</P>
+<P class="1">
+This sentence should be black, not red-- class selectors cannot begin with digits in CSS1.
+</P>
+<P class="a1">
+This sentence should be green.
+</P>
+<P class="two">
+This sentence should be purple.
+</P>
+<PRE class="two">This sentence should NOT be purple.
+</PRE>
+<UL>
+<LI class="two">This sentence should NOT be purple.
+</UL>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P class="one">
+This sentence should be green.
+</P>
+<P class="1">
+This sentence should be black, not red-- class selectors cannot begin with digits in CSS1.
+</P>
+<P class="a1">
+This sentence should be green.
+</P>
+<P class="two">
+This sentence should be purple.
+</P>
+<PRE class="two">This sentence should NOT be purple.
+</PRE>
+<UL>
+<LI class="two">This sentence should NOT be purple.
+</UL>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/basic/comments-expected.txt b/LayoutTests/css1/basic/comments-expected.txt
new file mode 100644 (file)
index 0000000..7559c7f
--- /dev/null
@@ -0,0 +1,85 @@
+layer at (0,0) size 800x834
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x834
+  RenderBlock {HTML} at (0,0) size 800x834
+    RenderBody {BODY} at (8,8) size 784x818 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x240 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 336x224
+          text run at (0,0) width 232: "/* This is a CSS1 comment. */"
+          text run at (0,16) width 336: ".one {color: green;} /* Another comment */"
+          text run at (0,32) width 288: "/* The following should not be used:"
+          text run at (0,48) width 168: ".two {color: red;} */"
+          text run at (0,64) width 320: ".three {color: green; /* color: red; */}"
+          text run at (0,80) width 24: "/**"
+          text run at (0,96) width 176: ".four {color: red;} */"
+          text run at (0,112) width 168: ".five {color: green;}"
+          text run at (0,128) width 32: "/**/"
+          text run at (0,144) width 160: ".six {color: green;}"
+          text run at (0,160) width 88: "/*********/"
+          text run at (0,176) width 176: ".seven {color: green;}"
+          text run at (0,192) width 128: "/* a comment **/"
+          text run at (0,208) width 176: ".eight {color: green;}"
+      RenderBlock {HR} at (1,285) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,301) size 784x17 [color=#008000] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 213x17
+          text run at (0,0) width 213: "This sentence should be green."
+      RenderBlock {P} at (0,332) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 210x17
+          text run at (0,0) width 210: "This sentence should be black."
+      RenderBlock {P} at (0,363) size 784x17 [color=#008000] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 213x17
+          text run at (0,0) width 213: "This sentence should be green."
+      RenderBlock {P} at (0,394) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 210x17
+          text run at (0,0) width 210: "This sentence should be black."
+      RenderBlock {P} at (0,425) size 784x17 [color=#008000] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 213x17
+          text run at (0,0) width 213: "This sentence should be green."
+      RenderBlock {P} at (0,456) size 784x17 [color=#008000] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 213x17
+          text run at (0,0) width 213: "This sentence should be green."
+      RenderBlock {P} at (0,487) size 784x17 [color=#008000] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 213x17
+          text run at (0,0) width 213: "This sentence should be green."
+      RenderBlock {P} at (0,518) size 784x17 [color=#008000] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 213x17
+          text run at (0,0) width 213: "This sentence should be green."
+      RenderTable {TABLE} at (0,549) size 235x269 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x267
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 233x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,133) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 221x242 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 213x17 [color=#008000]
+                RenderText {TEXT} at (0,0) size 213x17
+                  text run at (0,0) width 213: "This sentence should be green."
+              RenderBlock {P} at (4,35) size 213x17
+                RenderText {TEXT} at (0,0) size 210x17
+                  text run at (0,0) width 210: "This sentence should be black."
+              RenderBlock {P} at (4,66) size 213x17 [color=#008000]
+                RenderText {TEXT} at (0,0) size 213x17
+                  text run at (0,0) width 213: "This sentence should be green."
+              RenderBlock {P} at (4,97) size 213x17
+                RenderText {TEXT} at (0,0) size 210x17
+                  text run at (0,0) width 210: "This sentence should be black."
+              RenderBlock {P} at (4,128) size 213x17 [color=#008000]
+                RenderText {TEXT} at (0,0) size 213x17
+                  text run at (0,0) width 213: "This sentence should be green."
+              RenderBlock {P} at (4,159) size 213x17 [color=#008000]
+                RenderText {TEXT} at (0,0) size 213x17
+                  text run at (0,0) width 213: "This sentence should be green."
+              RenderBlock {P} at (4,190) size 213x17 [color=#008000]
+                RenderText {TEXT} at (0,0) size 213x17
+                  text run at (0,0) width 213: "This sentence should be green."
+              RenderBlock {P} at (4,221) size 213x17 [color=#008000]
+                RenderText {TEXT} at (0,0) size 213x17
+                  text run at (0,0) width 213: "This sentence should be green."
diff --git a/LayoutTests/css1/basic/comments.html b/LayoutTests/css1/basic/comments.html
new file mode 100644 (file)
index 0000000..b6aebf9
--- /dev/null
@@ -0,0 +1,103 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 1.7 Comments</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+/* This is a CSS1 comment. */
+.one {color: green;} /* Another comment */
+/* The following should not be used:
+.two {color: red;} */
+.three {color: green; /* color: red; */}
+/**
+.four {color: red;} */
+.five {color: green;}
+/**/
+.six {color: green;}
+/*********/
+.seven {color: green;}
+/* a comment **/
+.eight {color: green;}
+</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>/* This is a CSS1 comment. */
+.one {color: green;} /* Another comment */
+/* The following should not be used:
+.two {color: red;} */
+.three {color: green; /* color: red; */}
+/**
+.four {color: red;} */
+.five {color: green;}
+/**/
+.six {color: green;}
+/*********/
+.seven {color: green;}
+/* a comment **/
+.eight {color: green;}
+
+</PRE>
+<HR>
+<P class="one">
+This sentence should be green.
+</P>
+<P class="two">
+This sentence should be black.
+</P>
+<P class="three">
+This sentence should be green.
+</P>
+<P class="four">
+This sentence should be black.
+</P>
+<P class="five">
+This sentence should be green.
+</P>
+<P class="six">
+This sentence should be green.
+</P>
+<P class="seven">
+This sentence should be green.
+</P>
+<P class="eight">
+This sentence should be green.
+</P>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P class="one">
+This sentence should be green.
+</P>
+<P class="two">
+This sentence should be black.
+</P>
+<P class="three">
+This sentence should be green.
+</P>
+<P class="four">
+This sentence should be black.
+</P>
+<P class="five">
+This sentence should be green.
+</P>
+<P class="six">
+This sentence should be green.
+</P>
+<P class="seven">
+This sentence should be green.
+</P>
+<P class="eight">
+This sentence should be green.
+</P>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/basic/containment-expected.txt b/LayoutTests/css1/basic/containment-expected.txt
new file mode 100644 (file)
index 0000000..09e19f2
--- /dev/null
@@ -0,0 +1,202 @@
+layer at (0,0) size 800x930
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x930
+  RenderBlock {HTML} at (0,0) size 800x930
+    RenderBody {BODY} at (8,8) size 784x914 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x160 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 728x160
+          text run at (0,0) width 624: "<LINK rel=\"stylesheet\" type=\"text/css\" href=\"linktest.css\" title=\"Default SS\">"
+          text run at (0,16) width 728: "<LINK rel=\"alternate stylesheet\" type=\"text/css\" href=\"linktest2.css\" title=\"Alternate SS\">"
+          text run at (0,32) width 208: "@import url(imptest1.css);"
+          text run at (0,48) width 192: "@import \"imptest1a.css\";"
+          text run at (0,64) width 128: "UL {color: red;}"
+          text run at (0,80) width 176: ".four {color: purple;}"
+          text run at (0,96) width 208: "@import url(imptest2.css);"
+          text run at (0,112) width 32: "<!--"
+          text run at (0,128) width 168: "P.six {color: green;}"
+          text run at (0,144) width 24: "-->"
+      RenderBlock {HR} at (1,205) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,221) size 784x34 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 444x17
+          text run at (0,0) width 444: "This sentence should be underlined due to the linked style sheet "
+        RenderInline {CODE} at (0,0) size 96x16
+          RenderText {TEXT} at (444,1) size 96x16
+            text run at (444,1) width 96: "linktest.css"
+        RenderText {TEXT} at (540,0) size 765x34
+          text run at (540,0) width 225: ", the reference to which is shown"
+          text run at (0,17) width 46: "above."
+      RenderBlock {P} at (0,269) size 784x34 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 479x17
+          text run at (0,0) width 479: "This sentence should NOT be underlined due to the linked style sheet "
+        RenderInline {CODE} at (0,0) size 104x16
+          RenderText {TEXT} at (479,1) size 104x16
+            text run at (479,1) width 104: "linktest2.css"
+        RenderText {TEXT} at (583,0) size 9x17
+          text run at (583,0) width 9: ", "
+        RenderInline {STRONG} at (0,0) size 47x17
+          RenderText {TEXT} at (592,0) size 47x17
+            text run at (592,0) width 47: "unless"
+        RenderText {TEXT} at (639,0) size 761x34
+          text run at (639,0) width 122: " the external style"
+          text run at (0,17) width 392: "sheet \"Alternate SS\" has been selected via the user agent."
+      RenderBlock {UL} at (0,317) size 784x51 [color=#FF0000] [bgcolor=#000000]
+        RenderListItem {LI} at (40,0) size 744x17 [color=#008000]
+          RenderListMarker at (0,0) size 0x14
+          RenderText {TEXT} at (0,0) size 430x17
+            text run at (0,0) width 430: "This sentence should be green due to an imported style sheet ["
+          RenderInline {CODE} at (0,0) size 208x16
+            RenderText {TEXT} at (430,1) size 208x16
+              text run at (430,1) width 208: "@import url(imptest1.css);"
+          RenderText {TEXT} at (638,0) size 10x17
+            text run at (638,0) width 10: "]."
+        RenderListItem {LI} at (40,17) size 744x17 [color=#800080]
+          RenderListMarker at (0,0) size 0x14
+          RenderText {TEXT} at (0,0) size 435x17
+            text run at (0,0) width 435: "This sentence should be purple due to an imported style sheet ["
+          RenderInline {CODE} at (0,0) size 184x16
+            RenderText {TEXT} at (435,1) size 184x16
+              text run at (435,1) width 184: "@import \"imptest1a.css\""
+          RenderText {TEXT} at (619,0) size 10x17
+            text run at (619,0) width 10: "]."
+        RenderListItem {LI} at (40,34) size 744x17 [color=#008000]
+          RenderListMarker at (0,0) size 0x14
+          RenderText {TEXT} at (0,0) size 419x17
+            text run at (0,0) width 419: "This sentence should be green thanks to the STYLE attribute ["
+          RenderInline {CODE} at (0,0) size 168x16
+            RenderText {TEXT} at (419,1) size 168x16
+              text run at (419,1) width 168: "STYLE=\"color: green;\""
+          RenderText {TEXT} at (587,0) size 10x17
+            text run at (587,0) width 10: "]."
+      RenderBlock {P} at (0,382) size 784x17 [color=#800080] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 553x17
+          text run at (0,0) width 553: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
+      RenderBlock {OL} at (0,413) size 784x51 [bgcolor=#000000]
+        RenderListItem {LI} at (40,0) size 744x17
+          RenderListMarker at (0,0) size 0x14
+          RenderText {TEXT} at (0,0) size 213x17
+            text run at (0,0) width 213: "This list should NOT be purple."
+        RenderListItem {LI} at (40,17) size 744x17
+          RenderListMarker at (0,0) size 0x14
+          RenderText {TEXT} at (0,0) size 190x17
+            text run at (0,0) width 190: "It should, instead, be black."
+        RenderListItem {LI} at (40,34) size 744x17
+          RenderListMarker at (0,0) size 0x14
+          RenderText {TEXT} at (0,0) size 549x17
+            text run at (0,0) width 549: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
+      RenderBlock {P} at (0,478) size 784x34 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 767x17
+          text run at (0,0) width 214: "This sentence should be black. "
+          text run at (214,0) width 553: "If it is red, then the browser has inappropriately imported the styles from the file"
+        RenderInline {TT} at (0,0) size 96x16
+          RenderText {TEXT} at (0,18) size 96x16
+            text run at (0,18) width 96: "imptest2.css"
+        RenderText {TEXT} at (96,17) size 36x17
+          text run at (96,17) width 36: " (see "
+        RenderInline {A} at (0,0) size 76x17 [color=#0000FF]
+          RenderText {TEXT} at (132,17) size 76x17
+            text run at (132,17) width 76: "section 3.0"
+        RenderText {TEXT} at (208,17) size 295x17
+          text run at (208,17) width 295: " of the CSS1 specification for more details)."
+      RenderBlock {P} at (0,526) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 222x17
+          text run at (0,0) width 222: "This paragraph should be green."
+      RenderTable {TABLE} at (0,557) size 784x357 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x355
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,177) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 770x330 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x34
+                RenderText {TEXT} at (0,0) size 444x17
+                  text run at (0,0) width 444: "This sentence should be underlined due to the linked style sheet "
+                RenderInline {CODE} at (0,0) size 96x16
+                  RenderText {TEXT} at (444,1) size 96x16
+                    text run at (444,1) width 96: "linktest.css"
+                RenderText {TEXT} at (540,0) size 717x34
+                  text run at (540,0) width 177: ", the reference to which is"
+                  text run at (0,17) width 94: "shown above."
+              RenderBlock {P} at (4,52) size 762x34
+                RenderText {TEXT} at (0,0) size 479x17
+                  text run at (0,0) width 479: "This sentence should NOT be underlined due to the linked style sheet "
+                RenderInline {CODE} at (0,0) size 104x16
+                  RenderText {TEXT} at (479,1) size 104x16
+                    text run at (479,1) width 104: "linktest2.css"
+                RenderText {TEXT} at (583,0) size 9x17
+                  text run at (583,0) width 9: ", "
+                RenderInline {STRONG} at (0,0) size 47x17
+                  RenderText {TEXT} at (592,0) size 47x17
+                    text run at (592,0) width 47: "unless"
+                RenderText {TEXT} at (639,0) size 761x34
+                  text run at (639,0) width 122: " the external style"
+                  text run at (0,17) width 392: "sheet \"Alternate SS\" has been selected via the user agent."
+              RenderBlock {UL} at (4,100) size 762x51 [color=#FF0000]
+                RenderListItem {LI} at (40,0) size 722x17 [color=#008000]
+                  RenderListMarker at (0,0) size 0x14
+                  RenderText {TEXT} at (0,0) size 430x17
+                    text run at (0,0) width 430: "This sentence should be green due to an imported style sheet ["
+                  RenderInline {CODE} at (0,0) size 208x16
+                    RenderText {TEXT} at (430,1) size 208x16
+                      text run at (430,1) width 208: "@import url(imptest1.css);"
+                  RenderText {TEXT} at (638,0) size 10x17
+                    text run at (638,0) width 10: "]."
+                RenderListItem {LI} at (40,17) size 722x17 [color=#800080]
+                  RenderListMarker at (0,0) size 0x14
+                  RenderText {TEXT} at (0,0) size 435x17
+                    text run at (0,0) width 435: "This sentence should be purple due to an imported style sheet ["
+                  RenderInline {CODE} at (0,0) size 184x16
+                    RenderText {TEXT} at (435,1) size 184x16
+                      text run at (435,1) width 184: "@import \"imptest1a.css\""
+                  RenderText {TEXT} at (619,0) size 10x17
+                    text run at (619,0) width 10: "]."
+                RenderListItem {LI} at (40,34) size 722x17 [color=#008000]
+                  RenderListMarker at (0,0) size 0x14
+                  RenderText {TEXT} at (0,0) size 419x17
+                    text run at (0,0) width 419: "This sentence should be green thanks to the STYLE attribute ["
+                  RenderInline {CODE} at (0,0) size 168x16
+                    RenderText {TEXT} at (419,1) size 168x16
+                      text run at (419,1) width 168: "STYLE=\"color: green;\""
+                  RenderText {TEXT} at (587,0) size 10x17
+                    text run at (587,0) width 10: "]."
+              RenderBlock {P} at (4,165) size 762x17 [color=#800080]
+                RenderText {TEXT} at (0,0) size 553x17
+                  text run at (0,0) width 553: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
+              RenderBlock {OL} at (4,196) size 762x51
+                RenderListItem {LI} at (40,0) size 722x17
+                  RenderListMarker at (0,0) size 0x14
+                  RenderText {TEXT} at (0,0) size 213x17
+                    text run at (0,0) width 213: "This list should NOT be purple."
+                RenderListItem {LI} at (40,17) size 722x17
+                  RenderListMarker at (0,0) size 0x14
+                  RenderText {TEXT} at (0,0) size 190x17
+                    text run at (0,0) width 190: "It should, instead, be black."
+                RenderListItem {LI} at (40,34) size 722x17
+                  RenderListMarker at (0,0) size 0x14
+                  RenderText {TEXT} at (0,0) size 549x17
+                    text run at (0,0) width 549: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
+              RenderBlock {P} at (4,261) size 762x34
+                RenderText {TEXT} at (0,0) size 741x34
+                  text run at (0,0) width 214: "This sentence should be black. "
+                  text run at (214,0) width 527: "If it is red, then the browser has inappropriately imported the styles from the"
+                  text run at (0,17) width 26: "file "
+                RenderInline {TT} at (0,0) size 96x16
+                  RenderText {TEXT} at (26,18) size 96x16
+                    text run at (26,18) width 96: "imptest2.css"
+                RenderText {TEXT} at (122,17) size 36x17
+                  text run at (122,17) width 36: " (see "
+                RenderInline {A} at (0,0) size 76x17 [color=#0000FF]
+                  RenderText {TEXT} at (158,17) size 76x17
+                    text run at (158,17) width 76: "section 3.0"
+                RenderText {TEXT} at (234,17) size 295x17
+                  text run at (234,17) width 295: " of the CSS1 specification for more details)."
+              RenderBlock {P} at (4,309) size 762x17
+                RenderText {TEXT} at (0,0) size 222x17
+                  text run at (0,0) width 222: "This paragraph should be green."
diff --git a/LayoutTests/css1/basic/containment.html b/LayoutTests/css1/basic/containment.html
new file mode 100644 (file)
index 0000000..d2a37bc
--- /dev/null
@@ -0,0 +1,100 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"><html><head><title>CSS1 Test Suite: 1.1 Containment in HTML</title>
+
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<meta http-equiv="Content-Style-Type" content="text/css">
+
+<link rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<link rel="stylesheet" type="text/css" href="../resources/linktest.css" title="Default SS">
+<link rel="alternate stylesheet" type="text/css" href="../resources/linktest2.css" title="Alternate SS">
+<style type="text/css">
+@import url(../resources/imptest1.css);
+@import "../resources/imptest1a.css";
+UL {color: red;}
+.four {color: purple;}
+@import url(../resources/imptest2.css);
+<!--
+P.six {color: green;}
+--></style></head>
+
+<body><p>The style declarations which apply to the text below are:</p>
+<pre>&lt;LINK rel="stylesheet" type="text/css" href="linktest.css" title="Default SS"&gt;
+&lt;LINK rel="alternate stylesheet" type="text/css" href="linktest2.css" title="Alternate SS"&gt;
+@import url(imptest1.css);
+@import "imptest1a.css";
+UL {color: red;}
+.four {color: purple;}
+@import url(imptest2.css);
+&lt;!--
+P.six {color: green;}
+--&gt;
+</pre>
+<hr>
+<p class="one">
+This sentence should be underlined due to the linked style sheet <code>linktest.css</code>, the reference to which is shown above.
+</p>
+<p class="two">
+This sentence should NOT be underlined due to the linked style sheet <code>linktest2.css</code>, <strong>unless</strong> the external style sheet "Alternate SS" has been selected via the user agent.
+</p>
+<ul>
+<li class="three">
+This sentence should be green due to an imported style sheet [<code>@import url(imptest1.css);</code>].
+</li>
+<li class="threea">
+This sentence should be purple due to an imported style sheet [<code>@import "imptest1a.css"</code>].
+</li>
+<li style="color: green;">
+This sentence should be green thanks to the STYLE attribute [<code>STYLE="color: green;"</code>].
+</li>
+</ul>
+<p class="four">
+This sentence should be purple, and it doesn't have a terminating paragraph tag.
+</p><ol>
+<li>This list should NOT be purple.
+</li><li>It should, instead, be black.
+</li><li>If it IS purple, then the browser hasn't correctly parsed the preceding paragraph.
+</li></ol>
+<p class="five">
+This sentence should be black.  If it is red, then the browser has inappropriately imported the styles from the file <tt>imptest2.css</tt> (see <a href="http://www.w3.org/TR/REC-CSS1#the-cascade">section 3.0</a> of the CSS1 specification for more details).
+</p>
+<p class="six">
+This paragraph should be green.
+</p>
+
+
+<table border="1" cellspacing="0" cellpadding="3" class="tabletest">
+<tbody><tr>
+<td colspan="2" bgcolor="silver"><strong>TABLE Testing Section</strong></td>
+</tr>
+<tr>
+<td bgcolor="silver"> </td>
+<td><p class="one">
+This sentence should be underlined due to the linked style sheet <code>linktest.css</code>, the reference to which is shown above.
+</p>
+<p class="two">
+This sentence should NOT be underlined due to the linked style sheet <code>linktest2.css</code>, <strong>unless</strong> the external style sheet "Alternate SS" has been selected via the user agent.
+</p>
+<ul>
+<li class="three">
+This sentence should be green due to an imported style sheet [<code>@import url(imptest1.css);</code>].
+</li>
+<li class="threea">
+This sentence should be purple due to an imported style sheet [<code>@import "imptest1a.css"</code>].
+</li>
+<li style="color: green;">
+This sentence should be green thanks to the STYLE attribute [<code>STYLE="color: green;"</code>].
+</li>
+</ul>
+<p class="four">
+This sentence should be purple, and it doesn't have a terminating paragraph tag.
+</p><ol>
+<li>This list should NOT be purple.
+</li><li>It should, instead, be black.
+</li><li>If it IS purple, then the browser hasn't correctly parsed the preceding paragraph.
+</li></ol>
+<p class="five">
+This sentence should be black.  If it is red, then the browser has inappropriately imported the styles from the file <tt>imptest2.css</tt> (see <a href="http://www.w3.org/TR/REC-CSS1#the-cascade">section 3.0</a> of the CSS1 specification for more details).
+</p>
+<p class="six">
+This paragraph should be green.
+</p>
+</td></tr></tbody></table></body></html>
\ No newline at end of file
diff --git a/LayoutTests/css1/basic/contextual_selectors-expected.txt b/LayoutTests/css1/basic/contextual_selectors-expected.txt
new file mode 100644 (file)
index 0000000..71a2c05
--- /dev/null
@@ -0,0 +1,78 @@
+layer at (0,0) size 800x600
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x393
+  RenderBlock {HTML} at (0,0) size 800x393
+    RenderBody {BODY} at (8,8) size 784x377 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x16 [color=#000080] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 320x16
+          text run at (0,0) width 320: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x64 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 472x48
+          text run at (0,0) width 288: "P {color: navy; font-family: serif;}"
+          text run at (0,16) width 472: "HTML BODY TABLE P {color: purple; font-family: sans-serif;}"
+          text run at (0,32) width 224: "EM, UL LI LI {color: green;}"
+      RenderBlock {HR} at (1,108) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,124) size 784x16 [color=#000080] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 568x16
+          text run at (0,0) width 568: "This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table."
+      RenderBlock {P} at (0,154) size 784x16 [color=#000080] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 505x16
+          text run at (0,0) width 505: "This sentence should be normal for its section, except for the last word, which should be "
+        RenderInline {EM} at (0,0) size 31x15 [color=#008000]
+          RenderText {TEXT} at (505,0) size 31x16
+            text run at (505,0) width 31: "green"
+        RenderText {TEXT} at (536,0) size 4x16
+          text run at (536,0) width 4: "."
+      RenderBlock {UL} at (0,184) size 784x34 [bgcolor=#000000]
+        RenderListItem {LI} at (40,0) size 744x34
+          RenderBlock (anonymous) at (0,0) size 744x17
+            RenderListMarker at (0,0) size 0x14
+            RenderInline {EM} at (0,0) size 36x16 [color=#008000]
+              RenderText {TEXT} at (0,1) size 36x16
+                text run at (0,1) width 36: "Hello."
+            RenderText {TEXT} at (36,0) size 434x17
+              text run at (36,0) width 4: " "
+              text run at (40,0) width 430: "The first \"hello\" should be green, but this part should be black."
+          RenderBlock {UL} at (0,17) size 744x17
+            RenderListItem {LI} at (40,0) size 704x17 [color=#008000]
+              RenderListMarker at (0,0) size 0x14
+              RenderText {TEXT} at (0,0) size 148x17
+                text run at (0,0) width 148: "This should be green."
+      RenderTable {TABLE} at (0,232) size 712x145 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x143
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 710x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,71) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 698x118 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 690x17 [color=#800080]
+                RenderText {TEXT} at (0,0) size 690x17
+                  text run at (0,0) width 690: "This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table."
+              RenderBlock {P} at (4,35) size 690x17 [color=#800080]
+                RenderText {TEXT} at (0,0) size 611x17
+                  text run at (0,0) width 611: "This sentence should be normal for its section, except for the last word, which should be "
+                RenderInline {EM} at (0,0) size 37x16 [color=#008000]
+                  RenderText {TEXT} at (611,1) size 37x16
+                    text run at (611,1) width 37: "green"
+                RenderText {TEXT} at (648,0) size 5x17
+                  text run at (648,0) width 5: "."
+              RenderBlock {UL} at (4,66) size 690x34
+                RenderListItem {LI} at (40,0) size 650x34
+                  RenderBlock (anonymous) at (0,0) size 650x17
+                    RenderListMarker at (0,0) size 0x14
+                    RenderInline {EM} at (0,0) size 36x16 [color=#008000]
+                      RenderText {TEXT} at (0,1) size 36x16
+                        text run at (0,1) width 36: "Hello."
+                    RenderText {TEXT} at (36,0) size 434x17
+                      text run at (36,0) width 4: " "
+                      text run at (40,0) width 430: "The first \"hello\" should be green, but this part should be black."
+                  RenderBlock {UL} at (0,17) size 650x17
+                    RenderListItem {LI} at (40,0) size 610x17 [color=#008000]
+                      RenderListMarker at (0,0) size 0x14
+                      RenderText {TEXT} at (0,0) size 148x17
+                        text run at (0,0) width 148: "This should be green."
diff --git a/LayoutTests/css1/basic/contextual_selectors.html b/LayoutTests/css1/basic/contextual_selectors.html
new file mode 100644 (file)
index 0000000..eb64493
--- /dev/null
@@ -0,0 +1,57 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 1.6 Contextual selectors</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+P {color: navy; font-family: serif;}
+HTML BODY TABLE P {color: purple; font-family: sans-serif;}
+EM, UL LI LI {color: green;}
+</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>P {color: navy; font-family: serif;}
+HTML BODY TABLE P {color: purple; font-family: sans-serif;}
+EM, UL LI LI {color: green;}
+
+</PRE>
+<HR>
+<P>
+This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table.
+</P>
+<P>
+This sentence should be normal for its section, except for the last word, which should be <EM>green</EM>.
+</P>
+<UL>
+<LI><EM>Hello.</EM>  The first "hello" should be green, but this part should be black.
+<UL>
+<LI>This should be green.
+</UL>
+</UL>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P>
+This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table.
+</P>
+<P>
+This sentence should be normal for its section, except for the last word, which should be <EM>green</EM>.
+</P>
+<UL>
+<LI><EM>Hello.</EM>  The first "hello" should be green, but this part should be black.
+<UL>
+<LI>This should be green.
+</UL>
+</UL>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/basic/grouping-expected.txt b/LayoutTests/css1/basic/grouping-expected.txt
new file mode 100644 (file)
index 0000000..c96d73b
--- /dev/null
@@ -0,0 +1,42 @@
+layer at (0,0) size 800x600
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x316
+  RenderBlock {HTML} at (0,0) size 800x316
+    RenderBody {BODY} at (8,8) size 784x300 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x32 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 272x16
+          text run at (0,0) width 272: ".one, .two, .three {color: green;}"
+      RenderBlock {HR} at (1,77) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,93) size 784x17 [color=#008000] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 213x17
+          text run at (0,0) width 213: "This sentence should be green."
+      RenderBlock {P} at (0,124) size 784x17 [color=#008000] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 213x17
+          text run at (0,0) width 213: "This sentence should be green."
+      RenderBlock {P} at (0,155) size 784x17 [color=#008000] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 213x17
+          text run at (0,0) width 213: "This sentence should be green."
+      RenderTable {TABLE} at (0,186) size 235x114 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x112
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 233x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,56) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 221x87 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 213x17 [color=#008000]
+                RenderText {TEXT} at (0,0) size 213x17
+                  text run at (0,0) width 213: "This sentence should be green."
+              RenderBlock {P} at (4,35) size 213x17 [color=#008000]
+                RenderText {TEXT} at (0,0) size 213x17
+                  text run at (0,0) width 213: "This sentence should be green."
+              RenderBlock {P} at (4,66) size 213x17 [color=#008000]
+                RenderText {TEXT} at (0,0) size 213x17
+                  text run at (0,0) width 213: "This sentence should be green."
diff --git a/LayoutTests/css1/basic/grouping.html b/LayoutTests/css1/basic/grouping.html
new file mode 100644 (file)
index 0000000..3f1e40f
--- /dev/null
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 1.2 Grouping</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+.one, .two, .three {color: green;}
+</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>.one, .two, .three {color: green;}
+
+</PRE>
+<HR>
+<P class="one">
+This sentence should be green.
+</P>
+<P class="two">
+This sentence should be green.
+</P>
+<P class="three">
+This sentence should be green.
+</P>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P class="one">
+This sentence should be green.
+</P>
+<P class="two">
+This sentence should be green.
+</P>
+<P class="three">
+This sentence should be green.
+</P>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/basic/id_as_selector-expected.txt b/LayoutTests/css1/basic/id_as_selector-expected.txt
new file mode 100644 (file)
index 0000000..dc5e29b
--- /dev/null
@@ -0,0 +1,81 @@
+layer at (0,0) size 800x608
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x608
+  RenderBlock {HTML} at (0,0) size 800x608
+    RenderBody {BODY} at (8,8) size 784x592 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x128 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 272x128
+          text run at (0,0) width 160: "#one {color: green;}"
+          text run at (0,16) width 152: "#a1 {color: green;}"
+          text run at (0,32) width 224: "P#two, P#two2 {color: blue;}"
+          text run at (0,48) width 272: "P#three, P#three2 {color: purple;}"
+          text run at (0,64) width 168: "#four {color: green;}"
+          text run at (0,80) width 152: "#a2 {color: green;}"
+          text run at (0,96) width 240: "P#five, P#five2 {color: blue;}"
+          text run at (0,112) width 240: "P#six, P#six2 {color: purple;}"
+      RenderBlock {HR} at (1,173) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,189) size 784x17 [color=#008000] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 213x17
+          text run at (0,0) width 213: "This sentence should be green."
+      RenderBlock {P} at (0,220) size 784x17 [color=#008000] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 213x17
+          text run at (0,0) width 213: "This sentence should be green."
+      RenderBlock {P} at (0,251) size 784x17 [color=#0000FF] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 217x17
+          text run at (0,0) width 217: "This paragraph should be blue ["
+        RenderInline {TT} at (0,0) size 64x16
+          RenderText {TEXT} at (217,1) size 64x16
+            text run at (217,1) width 64: "ID=\"two\""
+        RenderText {TEXT} at (281,0) size 10x17
+          text run at (281,0) width 10: "]."
+      RenderBlock {PRE} at (0,282) size 784x16 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 392x16
+          text run at (0,0) width 392: "This sentence should NOT be blue [PRE ID=\"two2\"]."
+      RenderBlock {PRE} at (0,312) size 784x16 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 472x16
+          text run at (0,0) width 472: "This sentence should be black, not purple [PRE ID=\"three\"]."
+      RenderBlock {UL} at (0,342) size 784x17 [bgcolor=#000000]
+        RenderListItem {LI} at (40,0) size 744x17
+          RenderListMarker at (0,0) size 0x14
+          RenderText {TEXT} at (0,0) size 253x17
+            text run at (0,0) width 253: "This sentence should NOT be purple."
+      RenderTable {TABLE} at (0,373) size 422x219 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x217
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 420x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,108) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 408x192 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 400x17 [color=#008000]
+                RenderText {TEXT} at (0,0) size 213x17
+                  text run at (0,0) width 213: "This sentence should be green."
+              RenderBlock {P} at (4,35) size 400x17 [color=#008000]
+                RenderText {TEXT} at (0,0) size 213x17
+                  text run at (0,0) width 213: "This sentence should be green."
+              RenderBlock {P} at (4,66) size 400x17 [color=#0000FF]
+                RenderText {TEXT} at (0,0) size 217x17
+                  text run at (0,0) width 217: "This paragraph should be blue ["
+                RenderInline {TT} at (0,0) size 72x16
+                  RenderText {TEXT} at (217,1) size 72x16
+                    text run at (217,1) width 72: "ID=\"five\""
+                RenderText {TEXT} at (289,0) size 10x17
+                  text run at (289,0) width 10: "]."
+              RenderBlock {PRE} at (4,97) size 400x16
+                RenderText {TEXT} at (0,0) size 400x16
+                  text run at (0,0) width 400: "This sentence should NOT be blue [PRE ID=\"five2\"]."
+              RenderBlock {PRE} at (4,127) size 400x16
+                RenderText {TEXT} at (0,0) size 360x16
+                  text run at (0,0) width 360: "This sentence should be black [PRE ID=\"six\"]."
+              RenderBlock {UL} at (4,157) size 400x17
+                RenderListItem {LI} at (40,0) size 360x17
+                  RenderListMarker at (0,0) size 0x14
+                  RenderText {TEXT} at (0,0) size 253x17
+                    text run at (0,0) width 253: "This sentence should NOT be purple."
diff --git a/LayoutTests/css1/basic/id_as_selector.html b/LayoutTests/css1/basic/id_as_selector.html
new file mode 100644 (file)
index 0000000..afcb9c2
--- /dev/null
@@ -0,0 +1,72 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 1.5 ID as selector</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+#one {color: green;}
+#a1 {color: green;}
+P#two, P#two2 {color: blue;}
+P#three, P#three2 {color: purple;}
+#four {color: green;}
+#a2 {color: green;}
+P#five, P#five2 {color: blue;}
+P#six, P#six2 {color: purple;}</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>#one {color: green;}
+#a1 {color: green;}
+P#two, P#two2 {color: blue;}
+P#three, P#three2 {color: purple;}
+#four {color: green;}
+#a2 {color: green;}
+P#five, P#five2 {color: blue;}
+P#six, P#six2 {color: purple;}</PRE>
+<HR>
+<P ID="one">
+This sentence should be green.
+</P>
+<P ID="a1">
+This sentence should be green.
+</P>
+<P ID="two">
+This paragraph should be blue [<TT>ID="two"</TT>].
+</P>
+<PRE ID="two2">This sentence should NOT be blue [PRE ID="two2"].
+</PRE>
+<PRE ID="three">This sentence should be black, not purple [PRE ID="three"].
+</PRE>
+<UL>
+<LI ID="three2">This sentence should NOT be purple.
+</UL>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P ID="four">
+This sentence should be green.
+</P>
+<P ID="a2">
+This sentence should be green.
+</P>
+<P ID="five">
+This paragraph should be blue [<TT>ID="five"</TT>].
+</P>
+<PRE ID="five2">This sentence should NOT be blue [PRE ID="five2"].
+</PRE>
+<PRE ID="six">This sentence should be black [PRE ID="six"].
+</PRE>
+<UL>
+<LI ID="six2">This sentence should NOT be purple.
+</UL>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/basic/inheritance-expected.txt b/LayoutTests/css1/basic/inheritance-expected.txt
new file mode 100644 (file)
index 0000000..f7197fe
--- /dev/null
@@ -0,0 +1,182 @@
+layer at (0,0) size 800x672
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x672
+  RenderBlock {HTML} at (0,0) size 800x672
+    RenderBody {BODY} at (8,8) size 784x656 [color=#008000] [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x112 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 272x112
+          text run at (0,0) width 160: "BODY {color: green;}"
+          text run at (0,16) width 136: "H3 {color: blue;}"
+          text run at (0,32) width 152: "EM {color: purple;}"
+          text run at (0,48) width 208: ".one {font-style: italic;}"
+          text run at (0,64) width 272: ".two {text-decoration: underline;}"
+          text run at (0,80) width 152: "#two {color: navy;}"
+          text run at (0,96) width 184: ".three {color: purple;}"
+      RenderBlock {HR} at (1,157) size 782x2 [bgcolor=#000000]
+      RenderBlock {H3} at (0,175) size 784x19 [color=#0000FF] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 231x18
+          text run at (0,0) width 231: "This sentence should show "
+        RenderInline {STRONG} at (0,0) size 36x18
+          RenderText {TEXT} at (231,0) size 36x18
+            text run at (231,0) width 36: "blue"
+        RenderText {TEXT} at (267,0) size 41x18
+          text run at (267,0) width 41: " and "
+        RenderInline {EM} at (0,0) size 49x18 [color=#800080]
+          RenderText {TEXT} at (308,1) size 49x18
+            text run at (308,1) width 49: "purple"
+        RenderText {TEXT} at (357,0) size 4x18
+          text run at (357,0) width 4: "."
+      RenderBlock {H3} at (0,210) size 784x19 [color=#0000FF] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 207x18
+          text run at (0,0) width 207: "This sentence should be "
+        RenderInline {SPAN} at (0,0) size 33x18
+          RenderText {TEXT} at (207,1) size 33x18
+            text run at (207,1) width 33: "blue"
+        RenderText {TEXT} at (240,0) size 103x18
+          text run at (240,0) width 103: " throughout."
+      RenderBlock {P} at (0,245) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 247x17
+          text run at (0,0) width 247: "This should be green except for the "
+        RenderInline {EM} at (0,0) size 119x16 [color=#800080]
+          RenderText {TEXT} at (247,1) size 119x16
+            text run at (247,1) width 119: "emphasized words"
+        RenderText {TEXT} at (366,0) size 173x17
+          text run at (366,0) width 173: ", which should be purple."
+      RenderBlock {H3} at (0,278) size 784x18 [color=#0000FF] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 299x18
+          text run at (0,0) width 299: "This should be blue and underlined."
+      RenderBlock {P} at (0,312) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 319x17
+          text run at (0,0) width 319: "This sentence should be underlined, including "
+        RenderInline {TT} at (0,0) size 72x16
+          RenderText {TEXT} at (319,1) size 72x16
+            text run at (319,1) width 72: "this part"
+        RenderText {TEXT} at (391,0) size 9x17
+          text run at (391,0) width 9: ", "
+        RenderInline {I} at (0,0) size 51x16
+          RenderText {TEXT} at (400,1) size 51x16
+            text run at (400,1) width 51: "this part"
+        RenderText {TEXT} at (451,0) size 9x17
+          text run at (451,0) width 9: ", "
+        RenderInline {EM} at (0,0) size 51x16 [color=#800080]
+          RenderText {TEXT} at (460,1) size 51x16
+            text run at (460,1) width 51: "this part"
+        RenderText {TEXT} at (511,0) size 39x17
+          text run at (511,0) width 39: ", and "
+        RenderInline {STRONG} at (0,0) size 63x17
+          RenderText {TEXT} at (550,0) size 63x17
+            text run at (550,0) width 63: "this part"
+        RenderText {TEXT} at (613,0) size 5x17
+          text run at (613,0) width 5: "."
+      RenderBlock {P} at (0,343) size 784x17 [color=#000080] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 472x17
+          text run at (0,0) width 472: "This sentence should also be underlined, as well as dark blue (navy), "
+        RenderInline {TT} at (0,0) size 152x16
+          RenderText {TEXT} at (472,1) size 152x16
+            text run at (472,1) width 152: "including this part"
+        RenderText {TEXT} at (624,0) size 5x17
+          text run at (624,0) width 5: "."
+      RenderBlock {P} at (0,374) size 784x17 [color=#800080] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 289x17
+          text run at (0,0) width 289: "This sentence should be purple, including "
+        RenderInline {STRONG} at (0,0) size 63x17
+          RenderText {TEXT} at (289,0) size 63x17
+            text run at (289,0) width 63: "this part"
+        RenderText {TEXT} at (352,0) size 34x17
+          text run at (352,0) width 34: " and "
+        RenderInline {SPAN} at (0,0) size 189x17
+          RenderText {TEXT} at (386,0) size 189x17
+            text run at (386,0) width 189: "this part (which is spanned)"
+        RenderText {TEXT} at (575,0) size 5x17
+          text run at (575,0) width 5: "."
+      RenderTable {TABLE} at (0,405) size 651x251 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x249
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 649x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,124) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 637x224 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {H3} at (4,4) size 629x19 [color=#0000FF]
+                RenderText {TEXT} at (0,0) size 231x18
+                  text run at (0,0) width 231: "This sentence should show "
+                RenderInline {STRONG} at (0,0) size 36x18
+                  RenderText {TEXT} at (231,0) size 36x18
+                    text run at (231,0) width 36: "blue"
+                RenderText {TEXT} at (267,0) size 41x18
+                  text run at (267,0) width 41: " and "
+                RenderInline {EM} at (0,0) size 49x18 [color=#800080]
+                  RenderText {TEXT} at (308,1) size 49x18
+                    text run at (308,1) width 49: "purple"
+                RenderText {TEXT} at (357,0) size 4x18
+                  text run at (357,0) width 4: "."
+              RenderBlock {H3} at (4,39) size 629x19 [color=#0000FF]
+                RenderText {TEXT} at (0,0) size 207x18
+                  text run at (0,0) width 207: "This sentence should be "
+                RenderInline {SPAN} at (0,0) size 33x18
+                  RenderText {TEXT} at (207,1) size 33x18
+                    text run at (207,1) width 33: "blue"
+                RenderText {TEXT} at (240,0) size 103x18
+                  text run at (240,0) width 103: " throughout."
+              RenderBlock {P} at (4,74) size 629x17
+                RenderText {TEXT} at (0,0) size 247x17
+                  text run at (0,0) width 247: "This should be green except for the "
+                RenderInline {EM} at (0,0) size 119x16 [color=#800080]
+                  RenderText {TEXT} at (247,1) size 119x16
+                    text run at (247,1) width 119: "emphasized words"
+                RenderText {TEXT} at (366,0) size 173x17
+                  text run at (366,0) width 173: ", which should be purple."
+              RenderBlock {H3} at (4,107) size 629x18 [color=#0000FF]
+                RenderText {TEXT} at (0,0) size 299x18
+                  text run at (0,0) width 299: "This should be blue and underlined."
+              RenderBlock {P} at (4,141) size 629x17
+                RenderText {TEXT} at (0,0) size 319x17
+                  text run at (0,0) width 319: "This sentence should be underlined, including "
+                RenderInline {TT} at (0,0) size 72x16
+                  RenderText {TEXT} at (319,1) size 72x16
+                    text run at (319,1) width 72: "this part"
+                RenderText {TEXT} at (391,0) size 9x17
+                  text run at (391,0) width 9: ", "
+                RenderInline {I} at (0,0) size 51x16
+                  RenderText {TEXT} at (400,1) size 51x16
+                    text run at (400,1) width 51: "this part"
+                RenderText {TEXT} at (451,0) size 9x17
+                  text run at (451,0) width 9: ", "
+                RenderInline {EM} at (0,0) size 51x16 [color=#800080]
+                  RenderText {TEXT} at (460,1) size 51x16
+                    text run at (460,1) width 51: "this part"
+                RenderText {TEXT} at (511,0) size 39x17
+                  text run at (511,0) width 39: ", and "
+                RenderInline {STRONG} at (0,0) size 63x17
+                  RenderText {TEXT} at (550,0) size 63x17
+                    text run at (550,0) width 63: "this part"
+                RenderText {TEXT} at (613,0) size 5x17
+                  text run at (613,0) width 5: "."
+              RenderBlock {P} at (4,172) size 629x17 [color=#000080]
+                RenderText {TEXT} at (0,0) size 472x17
+                  text run at (0,0) width 472: "This sentence should also be underlined, as well as dark blue (navy), "
+                RenderInline {TT} at (0,0) size 152x16
+                  RenderText {TEXT} at (472,1) size 152x16
+                    text run at (472,1) width 152: "including this part"
+                RenderText {TEXT} at (624,0) size 5x17
+                  text run at (624,0) width 5: "."
+              RenderBlock {P} at (4,203) size 629x17 [color=#800080]
+                RenderText {TEXT} at (0,0) size 289x17
+                  text run at (0,0) width 289: "This sentence should be purple, including "
+                RenderInline {STRONG} at (0,0) size 63x17
+                  RenderText {TEXT} at (289,0) size 63x17
+                    text run at (289,0) width 63: "this part"
+                RenderText {TEXT} at (352,0) size 34x17
+                  text run at (352,0) width 34: " and "
+                RenderInline {SPAN} at (0,0) size 189x17
+                  RenderText {TEXT} at (386,0) size 189x17
+                    text run at (386,0) width 189: "this part (which is spanned)"
+                RenderText {TEXT} at (575,0) size 5x17
+                  text run at (575,0) width 5: "."
diff --git a/LayoutTests/css1/basic/inheritance.html b/LayoutTests/css1/basic/inheritance.html
new file mode 100644 (file)
index 0000000..3d01f93
--- /dev/null
@@ -0,0 +1,69 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 1.3 Inheritance</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+BODY {color: green;}
+H3 {color: blue;}
+EM {color: purple;}
+.one {font-style: italic;}
+.two {text-decoration: underline;}
+#two {color: navy;}
+.three {color: purple;}</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>BODY {color: green;}
+H3 {color: blue;}
+EM {color: purple;}
+.one {font-style: italic;}
+.two {text-decoration: underline;}
+#two {color: navy;}
+.three {color: purple;}
+</PRE>
+<HR>
+<H3>This sentence should show <STRONG>blue</STRONG> and <EM>purple</EM>.</H3>
+<H3>This sentence should be <SPAN class="one">blue</SPAN> throughout.</H3>
+<P>
+This should be green except for the <EM>emphasized words</EM>, which should be purple.
+</P>
+<H3 class="two">This should be blue and underlined.</H3>
+<P class="two">
+This sentence should be underlined, including <TT>this part</TT>, <I>this part</I>, <EM>this part</EM>, and <STRONG>this part</STRONG>.
+</P>
+<P class="two" ID="two">
+This sentence should also be underlined, as well as dark blue (navy), <TT>including this part</TT>.
+</P>
+<P class="three">
+This sentence should be purple, including <STRONG>this part</STRONG> and <SPAN style="text-decoration: underline;">this part (which is spanned)</SPAN>.
+</P>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><H3>This sentence should show <STRONG>blue</STRONG> and <EM>purple</EM>.</H3>
+<H3>This sentence should be <SPAN class="one">blue</SPAN> throughout.</H3>
+<P>
+This should be green except for the <EM>emphasized words</EM>, which should be purple.
+</P>
+<H3 class="two">This should be blue and underlined.</H3>
+<P class="two">
+This sentence should be underlined, including <TT>this part</TT>, <I>this part</I>, <EM>this part</EM>, and <STRONG>this part</STRONG>.
+</P>
+<P class="two" ID="two">
+This sentence should also be underlined, as well as dark blue (navy), <TT>including this part</TT>.
+</P>
+<P class="three">
+This sentence should be purple, including <STRONG>this part</STRONG> and <SPAN style="text-decoration: underline;">this part (which is spanned)</SPAN>.
+</P>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/acid_test-expected.txt b/LayoutTests/css1/box_properties/acid_test-expected.txt
new file mode 100644 (file)
index 0000000..364bd42
--- /dev/null
@@ -0,0 +1,75 @@
+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]
+      RenderBlock {DL} at (5,5) size 480x10 [bgcolor=#000000]
+        RenderBlock (floating) {DT} at (5,5) size 77x310 [bgcolor=#CC0000]
+          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 {UL} at (20,20) size 340x0
+            RenderBlock (floating) {LI} at (0,0) size 80x120 [color=#000000] [bgcolor=#FFCC00]
+              RenderText {TEXT} at (15,14) size 40x10
+                text run at (15,14) width 40: "the way"
+            RenderText {TEXT} at (0,0) size 0x0
+            RenderBlock (floating) {LI} at (90,0) size 159x110 [bgcolor=#000000]
+              RenderBlock {P} at (10,10) size 139x10 [bgcolor=#000000]
+                RenderText {TEXT} at (0,-1) size 74x10
+                  text run at (0,-1) width 74: "the world ends"
+              RenderBlock (anonymous) at (10,20) size 139x0 [bgcolor=#000000]
+                RenderInline {FORM} at (0,0) size 0x0
+                  RenderText {TEXT} at (0,0) size 0x0
+              RenderBlock (anonymous) at (10,20) size 139x40 [bgcolor=#000000]
+                RenderBlock {P} at (0,0) size 139x20
+                  RenderText {TEXT} at (0,4) size 28x18
+                    text run at (0,4) width 28: "bang "
+                  RenderRadioButton {INPUT} at (31,3) size 14x13 [color=#000000]
+                  RenderText {TEXT} at (0,0) size 0x0
+                RenderBlock {P} at (0,20) size 139x20
+                  RenderText {TEXT} at (0,4) size 47x18
+                    text run at (0,4) width 47: "whimper "
+                  RenderRadioButton {INPUT} at (50,3) size 14x13 [color=#000000]
+                  RenderText {TEXT} at (0,0) size 0x0
+              RenderBlock (anonymous) at (10,60) 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
+            RenderBlock (floating) {LI} at (259,0) size 80x120 [color=#000000] [bgcolor=#FFCC00]
+              RenderText {TEXT} at (15,14) size 50x10
+                text run at (15,14) width 50: "i grow old"
+            RenderText {TEXT} at (0,0) size 0x0
+            RenderBlock (floating) {LI} at (0,130) size 120x120 [bgcolor=#000000]
+              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 {ADDRESS} at (5,20) size 50x20 [bgcolor=#000000]
+              RenderText {TEXT} at (0,-1) size 34x20
+                text run at (0,-1) width 16: "bar"
+                text run at (0,9) width 34: "maids,"
+          RenderBlock (floating) {H1} at (240,150) size 120x120 [bgcolor=#000000]
+            RenderText {TEXT} at (10,9) size 66x20
+              text run at (10,9) width 58: "sing to me,"
+              text run at (10,19) width 66: "erbarme dich"
+        RenderText {TEXT} at (0,0) size 0x0
+      RenderBlock {P} at (5,320) size 480x65 [color=#000000] [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 480x39
+          text run at (0,0) width 385: "This is a nonsensical document, but syntactically valid HTML 4.0. All 100%-"
+          text run at (385,0) width 88: "conformant CSS1"
+          text run at (0,13) width 480: "agents should be able to render the document elements above this paragraph indistinguishably"
+          text run at (0,26) width 122: "(to the pixel) from this "
+        RenderInline {A} at (0,0) size 102x12 [color=#0000EE]
+          RenderText {TEXT} at (122,26) size 102x13
+            text run at (122,26) width 102: "reference rendering,"
+        RenderText {TEXT} at (224,26) size 474x39
+          text run at (224,26) width 4: " "
+          text run at (228,26) width 246: "(except font rasterization and form widgets). All"
+          text run at (0,39) width 449: "discrepancies should be traceable to CSS1 implementation shortcomings. Once you have"
+          text run at (0,52) width 259: "finished evaluating this test, you can return to the "
+        RenderInline {A} at (0,0) size 60x12 [color=#0000EE]
+          RenderText {TEXT} at (259,52) size 60x13
+            text run at (259,52) width 60: "parent page"
+        RenderText {TEXT} at (319,52) size 4x13
+          text run at (319,52) width 4: "."
diff --git a/LayoutTests/css1/box_properties/acid_test.html b/LayoutTests/css1/box_properties/acid_test.html
new file mode 100644 (file)
index 0000000..22dfeed
--- /dev/null
@@ -0,0 +1,177 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
+<html>
+       <head>
+               <title>
+                        display/box/float/clear test 
+               </title>
+       <style type="text/css">
+/* last modified: 1 Dec 98 */  
+
+html {
+font: 10px/1 Verdana, sans-serif;
+background-color: blue;
+color: white;
+}
+
+body {
+margin: 1.5em;
+border: .5em solid black;
+padding: 0;
+width: 48em;
+background-color: white;
+}
+
+dl {
+margin: 0;
+border: 0;
+padding: .5em;
+}
+
+dt { 
+background-color: rgb(204,0,0);
+margin: 0; 
+padding: 1em;
+width: 10.638%; /* refers to parent element's width of 47em. = 5em or 50px */
+height: 28em;
+border: .5em solid black;
+float: left;
+}
+
+dd {
+float: right;
+margin: 0 0 0 1em;
+border: 1em solid black;
+padding: 1em;
+width: 34em;
+height: 27em;
+}
+
+ul {
+margin: 0;
+border: 0;
+padding: 0;
+}
+
+li {
+display: block; /* i.e., suppress marker */
+color: black;
+height: 9em;
+width: 5em;
+margin: 0;
+border: .5em solid black;
+padding: 1em;
+float: left;
+background-color: #FC0;
+}
+
+#bar {
+background-color: black;
+color: white;
+width: 41.17%; /* = 14em */
+border: 0;
+margin: 0 1em;
+}
+
+#baz {
+margin: 1em 0;
+border: 0;
+padding: 1em;
+width: 10em;
+height: 10em;
+background-color: black;
+color: white;
+}
+
+form { 
+margin: 0;
+display: inline;
+}
+
+p { 
+margin: 0;
+}
+
+form p {
+line-height: 1.9;
+}
+
+blockquote {
+margin: 1em 1em 1em 2em;
+border-width: 1em 1.5em 2em .5em;
+border-style: solid;
+border-color: black;
+padding: 1em 0;
+width: 5em;
+height: 9em;
+float: left;
+background-color: #FC0;
+color: black;
+}
+
+address {
+font-style: normal;
+}
+
+h1 {
+background-color: black;
+color: white;
+float: left;
+margin: 1em 0;
+border: 0;
+padding: 1em;
+width: 10em;
+height: 10em;
+font-weight: normal;
+font-size: 1em;
+}
+  </style>
+       </head>
+       <body>
+               <dl>
+                       <dt>
+                        toggle 
+                       </dt>
+                       <dd>
+                       <ul>
+                               <li>
+                                the way 
+                               </li>
+                               <li id="bar">
+                               <p>
+                                the world ends 
+                               </p>
+                               <form action="./" method="get">
+                                       <p>
+                                        bang 
+                                       <input type="radio" name="foo" value="off">
+                                       </p>
+                                       <p>
+                                        whimper 
+                                       <input type="radio" name="foo2" value="on">
+                                       </p>
+                               </form>
+                               </li>
+                               <li>
+                                i grow old 
+                               </li>
+                               <li id="baz">
+                                pluot? 
+                               </li>
+                       </ul>
+                       <blockquote>
+                               <address>
+                                        bar maids, 
+                               </address>
+                       </blockquote>
+                       <h1>
+                                sing to me, erbarme dich 
+                       </h1>
+                       </dd>
+               </dl>
+               <p style="color: black; font-size: 1em; line-height: 1.3em; clear: both">
+                This is a nonsensical document, but syntactically valid HTML 4.0. All 100%-conformant CSS1 agents should be able to render the document elements above this paragraph indistinguishably (to the pixel) from this 
+                       <a href="sec5526c.gif">reference rendering,</a>
+                (except font rasterization and form widgets). All discrepancies should be traceable to CSS1 implementation shortcomings. Once you have finished evaluating this test, you can return to the <A HREF="sec5526c.htm">parent page</A>. 
+               </p>
+       </body>
+</html>
diff --git a/LayoutTests/css1/box_properties/border-expected.txt b/LayoutTests/css1/box_properties/border-expected.txt
new file mode 100644 (file)
index 0000000..66952c7
--- /dev/null
@@ -0,0 +1,187 @@
+layer at (0,0) size 800x1358
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x1358
+  RenderBlock {HTML} at (0,0) size 800x1358
+    RenderBody {BODY} at (8,8) size 784x1342 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x144 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 272x144
+          text run at (0,0) width 272: ".one {border: medium black solid;}"
+          text run at (0,16) width 264: ".two {border: thin maroon ridge;}"
+          text run at (0,32) width 144: ".three {border: 10"
+          text run at (144,32) width 128: "px teal outset;}"
+          text run at (0,48) width 136: ".four {border: 10"
+          text run at (136,48) width 128: "px olive inset;}"
+          text run at (0,64) width 136: ".five {border: 10"
+          text run at (136,64) width 88: "px maroon;}"
+          text run at (0,80) width 232: ".six {border: maroon double;}"
+          text run at (0,96) width 256: ".seven {border: left red solid;}"
+          text run at (0,112) width 136: ".eight {border: 0"
+          text run at (136,112) width 32: "px;}"
+          text run at (0,128) width 104: "TD {border: 2"
+          text run at (104,128) width 128: "px solid green;}"
+      RenderBlock {HR} at (1,189) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,205) size 784x34 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 767x34
+          text run at (0,0) width 688: "Note that all table cells on this page should have a two-pixel solid green border along all four sides. "
+          text run at (688,0) width 79: "This border"
+          text run at (0,17) width 399: "applies only to the cells, not the rows which contain them."
+      RenderBlock {P} at (0,253) size 784x23 [bgcolor=#000000]
+        RenderText {TEXT} at (3,3) size 522x17
+          text run at (3,3) width 522: "This paragraph should have a medium black solid border all the way around."
+      RenderBlock {P} at (0,290) size 784x19 [bgcolor=#000000]
+        RenderText {TEXT} at (1,1) size 521x17
+          text run at (1,1) width 521: "This paragraph should have a thin maroon ridged border all the way around."
+      RenderBlock {P} at (0,323) size 784x37 [bgcolor=#000000]
+        RenderText {TEXT} at (10,10) size 568x17
+          text run at (10,10) width 568: "This paragraph should have a ten-pixel-wide teal outset border all the way around."
+      RenderBlock {P} at (0,374) size 784x37 [bgcolor=#000000]
+        RenderText {TEXT} at (10,10) size 565x17
+          text run at (10,10) width 565: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
+      RenderBlock {P} at (0,425) size 784x34 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 382x17
+          text run at (0,0) width 382: "This paragraph should have no border around it, as the "
+        RenderInline {TT} at (0,0) size 96x16
+          RenderText {TEXT} at (382,1) size 96x16
+            text run at (382,1) width 96: "border-style"
+        RenderText {TEXT} at (478,0) size 768x34
+          text run at (478,0) width 290: " was not set, and it should not be offset in"
+          text run at (0,17) width 59: "any way."
+      RenderBlock {P} at (0,473) size 784x40 [bgcolor=#000000]
+        RenderText {TEXT} at (3,3) size 584x17
+          text run at (3,3) width 584: "This paragraph should have a medium maroon double border around it, even though "
+        RenderInline {CODE} at (0,0) size 96x16
+          RenderText {TEXT} at (587,4) size 96x16
+            text run at (587,4) width 96: "border-width"
+        RenderText {TEXT} at (683,3) size 737x34
+          text run at (683,3) width 57: " was not"
+          text run at (3,20) width 92: "explicitly set."
+      RenderBlock {P} at (0,527) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 681x17
+          text run at (0,0) width 681: "This paragraph should have no border around it, as its declaration is invalid and should be ignored."
+      RenderBlock {P} at (0,558) size 784x35 [bgcolor=#000000]
+        RenderInline {A} at (0,0) size 26x17
+          RenderText {TEXT} at (0,0) size 26x17
+            text run at (0,0) width 26: "The"
+        RenderText {TEXT} at (26,0) size 736x35
+          text run at (26,0) width 710: " following image is also an anchor which points to a target on this page, but it should not have a border"
+          text run at (0,18) width 72: "around it: "
+        RenderInline {A} at (0,0) size 15x17 [color=#0000FF]
+          RenderImage {IMG} at (72,17) size 15x15
+        RenderText {TEXT} at (87,18) size 5x17
+          text run at (87,18) width 5: "."
+      RenderTable {TABLE} at (0,607) size 784x109 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x107
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (5,5) size 772x40 [r=0 c=0 rs=1 cs=2]
+              RenderText {TEXT} at (3,3) size 757x34
+                text run at (3,3) width 268: "Every cell in this table should have a 2-"
+                text run at (271,3) width 173: "pixel solid green border. "
+                text run at (444,3) width 316: "This is also true of the table-testing section in"
+                text run at (3,20) width 222: "the second half of the test page."
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (5,64) size 191x23 [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (3,3) size 56x17
+                text run at (3,3) width 56: "Cell one"
+            RenderTableCell {TD} at (201,50) size 576x52 [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (3,3) size 570x17
+                RenderText {TEXT} at (0,0) size 55x17
+                  text run at (0,0) width 55: "Cell two"
+              RenderTable {TABLE} at (3,20) size 179x29
+                RenderTableSection {TBODY} at (1,1) size 0x27
+                  RenderTableRow {TR} at (0,0) size 0x0
+                    RenderTableCell {TD} at (2,2) size 173x23 [r=0 c=0 rs=1 cs=1]
+                      RenderText {TEXT} at (3,3) size 167x17
+                        text run at (3,3) width 167: "Nested single-cell table!"
+      RenderBlock {P} at (0,730) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 192x17
+          text run at (0,0) width 192: "This is an unstyled element."
+      RenderTable {TABLE} at (0,761) size 784x581 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x579
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (5,5) size 164x17
+                  text run at (5,5) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,289) size 14x27 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (5,5) size 4x17
+                text run at (5,5) width 4: "\x{A0}"
+            RenderTableCell {TD} at (14,27) size 768x552 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (5,5) size 758x34
+                RenderText {TEXT} at (0,0) size 717x34
+                  text run at (0,0) width 688: "Note that all table cells on this page should have a two-pixel solid green border along all four sides. "
+                  text run at (688,0) width 29: "This"
+                  text run at (0,17) width 449: "border applies only to the cells, not the rows which contain them."
+              RenderBlock {P} at (5,53) size 758x23
+                RenderText {TEXT} at (3,3) size 522x17
+                  text run at (3,3) width 522: "This paragraph should have a medium black solid border all the way around."
+              RenderBlock {P} at (5,90) size 758x19
+                RenderText {TEXT} at (1,1) size 521x17
+                  text run at (1,1) width 521: "This paragraph should have a thin maroon ridged border all the way around."
+              RenderBlock {P} at (5,123) size 758x37
+                RenderText {TEXT} at (10,10) size 568x17
+                  text run at (10,10) width 568: "This paragraph should have a ten-pixel-wide teal outset border all the way around."
+              RenderBlock {P} at (5,174) size 758x37
+                RenderText {TEXT} at (10,10) size 565x17
+                  text run at (10,10) width 565: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
+              RenderBlock {P} at (5,225) size 758x34
+                RenderText {TEXT} at (0,0) size 382x17
+                  text run at (0,0) width 382: "This paragraph should have no border around it, as the "
+                RenderInline {TT} at (0,0) size 96x16
+                  RenderText {TEXT} at (382,1) size 96x16
+                    text run at (382,1) width 96: "border-style"
+                RenderText {TEXT} at (478,0) size 751x34
+                  text run at (478,0) width 273: " was not set, and it should not be offset"
+                  text run at (0,17) width 76: "in any way."
+              RenderBlock {P} at (5,273) size 758x40
+                RenderText {TEXT} at (3,3) size 584x17
+                  text run at (3,3) width 584: "This paragraph should have a medium maroon double border around it, even though "
+                RenderInline {CODE} at (0,0) size 96x16
+                  RenderText {TEXT} at (587,4) size 96x16
+                    text run at (587,4) width 96: "border-width"
+                RenderText {TEXT} at (683,3) size 737x34
+                  text run at (683,3) width 57: " was not"
+                  text run at (3,20) width 92: "explicitly set."
+              RenderBlock {P} at (5,327) size 758x17
+                RenderText {TEXT} at (0,0) size 681x17
+                  text run at (0,0) width 681: "This paragraph should have no border around it, as its declaration is invalid and should be ignored."
+              RenderBlock {P} at (5,358) size 758x35
+                RenderInline {A} at (0,0) size 26x17
+                  RenderText {TEXT} at (0,0) size 26x17
+                    text run at (0,0) width 26: "The"
+                RenderText {TEXT} at (26,0) size 736x35
+                  text run at (26,0) width 710: " following image is also an anchor which points to a target on this page, but it should not have a border"
+                  text run at (0,18) width 72: "around it: "
+                RenderInline {A} at (0,0) size 15x17 [color=#0000FF]
+                  RenderImage {IMG} at (72,17) size 15x15
+                RenderText {TEXT} at (87,18) size 5x17
+                  text run at (87,18) width 5: "."
+              RenderTable {TABLE} at (5,407) size 758x109
+                RenderTableSection {TBODY} at (1,1) size 0x107
+                  RenderTableRow {TR} at (0,0) size 0x0
+                    RenderTableCell {TD} at (5,5) size 746x40 [r=0 c=0 rs=1 cs=2]
+                      RenderText {TEXT} at (3,3) size 740x34
+                        text run at (3,3) width 268: "Every cell in this table should have a 2-"
+                        text run at (271,3) width 173: "pixel solid green border. "
+                        text run at (444,3) width 299: "This is also true of the table-testing section"
+                        text run at (3,20) width 239: "in the second half of the test page."
+                  RenderTableRow {TR} at (0,0) size 0x0
+                    RenderTableCell {TD} at (5,64) size 185x23 [r=1 c=0 rs=1 cs=1]
+                      RenderText {TEXT} at (3,3) size 56x17
+                        text run at (3,3) width 56: "Cell one"
+                    RenderTableCell {TD} at (195,50) size 556x52 [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (3,3) size 550x17
+                        RenderText {TEXT} at (0,0) size 55x17
+                          text run at (0,0) width 55: "Cell two"
+                      RenderTable {TABLE} at (3,20) size 179x29
+                        RenderTableSection {TBODY} at (1,1) size 0x27
+                          RenderTableRow {TR} at (0,0) size 0x0
+                            RenderTableCell {TD} at (2,2) size 173x23 [r=0 c=0 rs=1 cs=1]
+                              RenderText {TEXT} at (3,3) size 167x17
+                                text run at (3,3) width 167: "Nested single-cell table!"
+              RenderBlock {P} at (5,530) size 758x17
+                RenderText {TEXT} at (0,0) size 192x17
+                  text run at (0,0) width 192: "This is an unstyled element."
diff --git a/LayoutTests/css1/box_properties/border.html b/LayoutTests/css1/box_properties/border.html
new file mode 100644 (file)
index 0000000..03fca75
--- /dev/null
@@ -0,0 +1,125 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.22 border</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+.one {border: medium black solid;}
+.two {border: thin maroon ridge;}
+.three {border: 10px teal outset;}
+.four {border: 10px olive inset;}
+.five {border: 10px maroon;}
+.six {border: maroon double;}
+.seven {border: left red solid;}
+.eight {border: 0px;}
+TD {border: 2px solid green;}</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>.one {border: medium black solid;}
+.two {border: thin maroon ridge;}
+.three {border: 10px teal outset;}
+.four {border: 10px olive inset;}
+.five {border: 10px maroon;}
+.six {border: maroon double;}
+.seven {border: left red solid;}
+.eight {border: 0px;}
+TD {border: 2px solid green;}
+</PRE>
+<HR>
+<P>
+Note that all table cells on this page should have a two-pixel solid green border along all four sides.  This border applies only to the cells, not the rows which contain them.
+</P>
+
+<P class="one">
+This paragraph should have a medium black solid border all the way around.
+</P>
+<P class="two">
+This paragraph should have a thin maroon ridged border all the way around.
+</P>
+<P class="three">
+This paragraph should have a ten-pixel-wide teal outset border all the way around.
+</P>
+<P class="four">
+This paragraph should have a ten-pixel-wide olive inset border all the way around.
+</P>
+<P class="five">
+This paragraph should have no border around it, as the <TT>border-style</TT> was not set, and it should not be offset in any way.
+</P>
+<P class="six">
+This paragraph should have a medium maroon double border around it, even though <CODE>border-width</CODE> was not explicitly set.
+</P>
+<P class="seven">
+This paragraph should have no border around it, as its declaration is invalid and should be ignored.
+</P>
+<P>
+<A NAME="top">The</A> following image is also an anchor which points to a target on this page, but it should not have a border around it: <A HREF="sec5522.htm#top"><IMG SRC="../resources/oransqr.gif" class="eight" alt="[Image]"></A>.
+</P>
+
+<TABLE cellspacing="5" border>
+<TR>
+<TD colspan="2">Every cell in this table should have a 2-pixel solid green border.  This is also true of the table-testing section in the second half of the test page.
+</TD>
+</TR>
+<TR>
+<TD>Cell one</TD><TD>Cell two<TABLE border><TR><TD>Nested single-cell table!</TD></TR></TABLE></TD>
+</TR>
+</TABLE>
+
+<P>
+This is an unstyled element.
+</P>
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P>
+Note that all table cells on this page should have a two-pixel solid green border along all four sides.  This border applies only to the cells, not the rows which contain them.
+</P>
+
+<P class="one">
+This paragraph should have a medium black solid border all the way around.
+</P>
+<P class="two">
+This paragraph should have a thin maroon ridged border all the way around.
+</P>
+<P class="three">
+This paragraph should have a ten-pixel-wide teal outset border all the way around.
+</P>
+<P class="four">
+This paragraph should have a ten-pixel-wide olive inset border all the way around.
+</P>
+<P class="five">
+This paragraph should have no border around it, as the <TT>border-style</TT> was not set, and it should not be offset in any way.
+</P>
+<P class="six">
+This paragraph should have a medium maroon double border around it, even though <CODE>border-width</CODE> was not explicitly set.
+</P>
+<P class="seven">
+This paragraph should have no border around it, as its declaration is invalid and should be ignored.
+</P>
+<P>
+<A NAME="top">The</A> following image is also an anchor which points to a target on this page, but it should not have a border around it: <A HREF="sec5522.htm#top"><IMG SRC="../resources/oransqr.gif" class="eight" alt="[Image]"></A>.
+</P>
+
+<TABLE cellspacing="5" border>
+<TR>
+<TD colspan="2">Every cell in this table should have a 2-pixel solid green border.  This is also true of the table-testing section in the second half of the test page.
+</TD>
+</TR>
+<TR>
+<TD>Cell one</TD><TD>Cell two<TABLE border><TR><TD>Nested single-cell table!</TD></TR></TABLE></TD>
+</TR>
+</TABLE>
+
+<P>
+This is an unstyled element.
+</P></TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/border_bottom-expected.txt b/LayoutTests/css1/box_properties/border_bottom-expected.txt
new file mode 100644 (file)
index 0000000..9c01621
--- /dev/null
@@ -0,0 +1,165 @@
+layer at (0,0) size 800x944
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x944
+  RenderBlock {HTML} at (0,0) size 800x944
+    RenderBody {BODY} at (8,8) size 784x928 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x64 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 344x64
+          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,16) width 320: ".two {border-bottom: purple thin solid;}"
+          text run at (0,32) width 344: ".three {border-bottom: black medium solid;}"
+          text run at (0,48) width 208: "TD {border-bottom: green 2"
+          text run at (208,48) width 80: "px solid;}"
+      RenderBlock {HR} at (1,109) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,125) size 784x34 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 754x34
+          text run at (0,0) width 725: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides. "
+          text run at (725,0) width 29: "This"
+          text run at (0,17) width 449: "border applies only to the cells, not the rows which contain them."
+      RenderBlock {P} at (0,173) size 784x27 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 483x17
+          text run at (0,0) width 340: "This paragraph should have a purple, double, 10-"
+          text run at (340,0) width 143: "pixel bottom border."
+      RenderBlock {P} at (0,214) size 784x18 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 389x17
+          text run at (0,0) width 389: "This paragraph should have a thin purple bottom border."
+      RenderTable {TABLE} at (0,246) size 784x106 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x104
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (5,5) size 772x39 [r=0 c=0 rs=1 cs=2]
+              RenderText {TEXT} at (2,2) size 741x34
+                text run at (2,2) width 268: "Every cell in this table should have a 2-"
+                text run at (270,2) width 227: "pixel solid green bottom border. "
+                text run at (497,2) width 246: "This is also true of the table-testing"
+                text run at (2,19) width 292: "section in the second half of the test page."
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (5,63) size 190x22 [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (2,2) size 56x17
+                text run at (2,2) width 56: "Cell one"
+            RenderTableCell {TD} at (200,49) size 577x50 [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (2,2) size 573x17
+                RenderText {TEXT} at (0,0) size 55x17
+                  text run at (0,0) width 55: "Cell two"
+              RenderTable {TABLE} at (2,19) size 177x28
+                RenderTableSection {TBODY} at (1,1) size 0x26
+                  RenderTableRow {TR} at (0,0) size 0x0
+                    RenderTableCell {TD} at (2,2) size 171x22 [r=0 c=0 rs=1 cs=1]
+                      RenderText {TEXT} at (2,2) size 167x17
+                        text run at (2,2) width 167: "Nested single-cell table!"
+      RenderBlock {UL} at (0,366) size 784x128 [bgcolor=#000000]
+        RenderListItem {LI} at (40,0) size 744x71
+          RenderBlock (anonymous) at (0,0) size 744x17
+            RenderListMarker at (0,0) size 0x14
+            RenderText {TEXT} at (0,0) size 132x17
+              text run at (0,0) width 132: "This is a list item..."
+          RenderBlock {UL} at (0,17) size 744x51
+            RenderListItem {LI} at (40,0) size 704x17
+              RenderListMarker at (0,0) size 0x14
+              RenderText {TEXT} at (0,0) size 86x17
+                text run at (0,0) width 86: "...and this..."
+            RenderListItem {LI} at (40,17) size 704x17
+              RenderListMarker at (0,0) size 0x14
+              RenderText {TEXT} at (0,0) size 132x17
+                text run at (0,0) width 132: "...is a second list..."
+            RenderListItem {LI} at (40,34) size 704x17
+              RenderListMarker at (0,0) size 0x14
+              RenderText {TEXT} at (0,0) size 198x17
+                text run at (0,0) width 198: "...nested within the list item."
+        RenderListItem {LI} at (40,71) size 744x20
+          RenderListMarker at (0,0) size 0x14
+          RenderText {TEXT} at (0,0) size 175x17
+            text run at (0,0) width 175: "This is a second list item."
+        RenderListItem {LI} at (40,91) size 744x37
+          RenderListMarker at (0,0) size 0x14
+          RenderText {TEXT} at (0,0) size 716x34
+            text run at (0,0) width 716: "Each list item in this list should have a medium-width black border at its bottom, which for the first item"
+            text run at (0,17) width 195: "means that it should appear "
+          RenderInline {EM} at (0,0) size 52x16
+            RenderText {TEXT} at (195,18) size 52x16
+              text run at (195,18) width 52: "beneath"
+          RenderText {TEXT} at (247,17) size 426x17
+            text run at (247,17) width 426: " the nested list (below the line \"...nested within the list item.\")."
+      RenderTable {TABLE} at (0,508) size 784x420 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x418
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,209) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,26) size 770x392 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x34
+                RenderText {TEXT} at (0,0) size 754x34
+                  text run at (0,0) width 725: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides. "
+                  text run at (725,0) width 29: "This"
+                  text run at (0,17) width 449: "border applies only to the cells, not the rows which contain them."
+              RenderBlock {P} at (4,52) size 762x27
+                RenderText {TEXT} at (0,0) size 483x17
+                  text run at (0,0) width 340: "This paragraph should have a purple, double, 10-"
+                  text run at (340,0) width 143: "pixel bottom border."
+              RenderBlock {P} at (4,93) size 762x18
+                RenderText {TEXT} at (0,0) size 389x17
+                  text run at (0,0) width 389: "This paragraph should have a thin purple bottom border."
+              RenderTable {TABLE} at (4,125) size 762x106
+                RenderTableSection {TBODY} at (1,1) size 0x104
+                  RenderTableRow {TR} at (0,0) size 0x0
+                    RenderTableCell {TD} at (5,5) size 750x39 [r=0 c=0 rs=1 cs=2]
+                      RenderText {TEXT} at (2,2) size 741x34
+                        text run at (2,2) width 268: "Every cell in this table should have a 2-"
+                        text run at (270,2) width 227: "pixel solid green bottom border. "
+                        text run at (497,2) width 246: "This is also true of the table-testing"
+                        text run at (2,19) width 292: "section in the second half of the test page."
+                  RenderTableRow {TR} at (0,0) size 0x0
+                    RenderTableCell {TD} at (5,63) size 184x22 [r=1 c=0 rs=1 cs=1]
+                      RenderText {TEXT} at (2,2) size 56x17
+                        text run at (2,2) width 56: "Cell one"
+                    RenderTableCell {TD} at (194,49) size 561x50 [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (2,2) size 557x17
+                        RenderText {TEXT} at (0,0) size 55x17
+                          text run at (0,0) width 55: "Cell two"
+                      RenderTable {TABLE} at (2,19) size 177x28
+                        RenderTableSection {TBODY} at (1,1) size 0x26
+                          RenderTableRow {TR} at (0,0) size 0x0
+                            RenderTableCell {TD} at (2,2) size 171x22 [r=0 c=0 rs=1 cs=1]
+                              RenderText {TEXT} at (2,2) size 167x17
+                                text run at (2,2) width 167: "Nested single-cell table!"
+              RenderBlock {UL} at (4,245) size 762x128
+                RenderListItem {LI} at (40,0) size 722x71
+                  RenderBlock (anonymous) at (0,0) size 722x17
+                    RenderListMarker at (0,0) size 0x14
+                    RenderText {TEXT} at (0,0) size 132x17
+                      text run at (0,0) width 132: "This is a list item..."
+                  RenderBlock {UL} at (0,17) size 722x51
+                    RenderListItem {LI} at (40,0) size 682x17
+                      RenderListMarker at (0,0) size 0x14
+                      RenderText {TEXT} at (0,0) size 86x17
+                        text run at (0,0) width 86: "...and this..."
+                    RenderListItem {LI} at (40,17) size 682x17
+                      RenderListMarker at (0,0) size 0x14
+                      RenderText {TEXT} at (0,0) size 132x17
+                        text run at (0,0) width 132: "...is a second list..."
+                    RenderListItem {LI} at (40,34) size 682x17
+                      RenderListMarker at (0,0) size 0x14
+                      RenderText {TEXT} at (0,0) size 198x17
+                        text run at (0,0) width 198: "...nested within the list item."
+                RenderListItem {LI} at (40,71) size 722x20
+                  RenderListMarker at (0,0) size 0x14
+                  RenderText {TEXT} at (0,0) size 175x17
+                    text run at (0,0) width 175: "This is a second list item."
+                RenderListItem {LI} at (40,91) size 722x37
+                  RenderListMarker at (0,0) size 0x14
+                  RenderText {TEXT} at (0,0) size 716x34
+                    text run at (0,0) width 716: "Each list item in this list should have a medium-width black border at its bottom, which for the first item"
+                    text run at (0,17) width 195: "means that it should appear "
+                  RenderInline {EM} at (0,0) size 52x16
+                    RenderText {TEXT} at (195,18) size 52x16
+                      text run at (195,18) width 52: "beneath"
+                  RenderText {TEXT} at (247,17) size 426x17
+                    text run at (247,17) width 426: " the nested list (below the line \"...nested within the list item.\")."
diff --git a/LayoutTests/css1/box_properties/border_bottom.html b/LayoutTests/css1/box_properties/border_bottom.html
new file mode 100644 (file)
index 0000000..2ba3b01
--- /dev/null
@@ -0,0 +1,97 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.20 border-bottom</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+.one {border-bottom: purple double 10px;}
+.two {border-bottom: purple thin solid;}
+.three {border-bottom: black medium solid;}
+TD {border-bottom: green 2px solid;}</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>.one {border-bottom: purple double 10px;}
+.two {border-bottom: purple thin solid;}
+.three {border-bottom: black medium solid;}
+TD {border-bottom: green 2px solid;}
+</PRE>
+<HR>
+<P>
+Note that all table cells on this page should have a two-pixel solid green border along their bottom sides.  This border applies only to the cells, not the rows which contain them.
+</P>
+
+<P class="one">
+This paragraph should have a purple, double, 10-pixel bottom border.
+</P>
+<P class="two">
+This paragraph should have a thin purple bottom border.
+</P>
+
+<TABLE cellspacing="5" border>
+<TR>
+<TD colspan="2">Every cell in this table should have a 2-pixel solid green bottom border.  This is also true of the table-testing section in the second half of the test page.
+</TD>
+</TR>
+<TR>
+<TD>Cell one</TD><TD>Cell two<TABLE border><TR><TD>Nested single-cell table!</TD></TR></TABLE></TD>
+</TR>
+</TABLE>
+
+<UL>
+<LI class="three">This is a list item...
+<UL>
+<LI>...and this...
+<LI>...is a second list...
+<LI>...nested within the list item.
+</UL>
+</LI>
+<LI class="three">This is a second list item.</LI>
+<LI class="three">Each list item in this list should have a medium-width black border at its bottom, which for the first item means that it should appear <EM>beneath</EM> the nested list (below the line "...nested within the list item.").
+</UL>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P>
+Note that all table cells on this page should have a two-pixel solid green border along their bottom sides.  This border applies only to the cells, not the rows which contain them.
+</P>
+
+<P class="one">
+This paragraph should have a purple, double, 10-pixel bottom border.
+</P>
+<P class="two">
+This paragraph should have a thin purple bottom border.
+</P>
+
+<TABLE cellspacing="5" border>
+<TR>
+<TD colspan="2">Every cell in this table should have a 2-pixel solid green bottom border.  This is also true of the table-testing section in the second half of the test page.
+</TD>
+</TR>
+<TR>
+<TD>Cell one</TD><TD>Cell two<TABLE border><TR><TD>Nested single-cell table!</TD></TR></TABLE></TD>
+</TR>
+</TABLE>
+
+<UL>
+<LI class="three">This is a list item...
+<UL>
+<LI>...and this...
+<LI>...is a second list...
+<LI>...nested within the list item.
+</UL>
+</LI>
+<LI class="three">This is a second list item.</LI>
+<LI class="three">Each list item in this list should have a medium-width black border at its bottom, which for the first item means that it should appear <EM>beneath</EM> the nested list (below the line "...nested within the list item.").
+</UL>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/border_bottom_inline-expected.txt b/LayoutTests/css1/box_properties/border_bottom_inline-expected.txt
new file mode 100644 (file)
index 0000000..a78adda
--- /dev/null
@@ -0,0 +1,60 @@
+layer at (0,0) size 800x600
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x276
+  RenderBlock {HTML} at (0,0) size 800x276
+    RenderBody {BODY} at (8,8) size 784x260 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x48 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 328x32
+          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,16) width 320: ".two {border-bottom: purple thin solid;}"
+      RenderBlock {HR} at (1,93) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,109) size 784x51 [bgcolor=#C0C0C0]
+        RenderText {TEXT} at (0,0) size 728x17
+          text run at (0,0) width 728: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
+        RenderInline {SPAN} at (0,0) size 762x44 [bgcolor=#000000]
+          RenderText {TEXT} at (728,0) size 762x34
+            text run at (728,0) width 34: "class"
+            text run at (0,17) width 26: "one"
+        RenderText {TEXT} at (26,17) size 453x17
+          text run at (26,17) width 177: ", which should have a 10-"
+          text run at (203,17) width 276: "pixel purple double bottom border; and "
+        RenderInline {SPAN} at (0,0) size 63x18 [bgcolor=#000000]
+          RenderText {TEXT} at (479,17) size 63x17
+            text run at (479,17) width 63: "class two"
+        RenderText {TEXT} at (542,17) size 757x34
+          text run at (542,17) width 215: ", which should have a thin solid"
+          text run at (0,34) width 157: "purple bottom border. "
+          text run at (157,34) width 471: "The line-height of the parent element should not change on any line."
+      RenderTable {TABLE} at (0,174) size 784x86 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x84
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,42) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 770x59 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x51 [bgcolor=#C0C0C0]
+                RenderText {TEXT} at (0,0) size 728x17
+                  text run at (0,0) width 728: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
+                RenderInline {SPAN} at (0,0) size 762x44 [bgcolor=#000000]
+                  RenderText {TEXT} at (728,0) size 762x34
+                    text run at (728,0) width 34: "class"
+                    text run at (0,17) width 26: "one"
+                RenderText {TEXT} at (26,17) size 453x17
+                  text run at (26,17) width 177: ", which should have a 10-"
+                  text run at (203,17) width 276: "pixel purple double bottom border; and "
+                RenderInline {SPAN} at (0,0) size 63x18 [bgcolor=#000000]
+                  RenderText {TEXT} at (479,17) size 63x17
+                    text run at (479,17) width 63: "class two"
+                RenderText {TEXT} at (542,17) size 757x34
+                  text run at (542,17) width 215: ", which should have a thin solid"
+                  text run at (0,34) width 157: "purple bottom border. "
+                  text run at (157,34) width 471: "The line-height of the parent element should not change on any line."
diff --git a/LayoutTests/css1/box_properties/border_bottom_inline.html b/LayoutTests/css1/box_properties/border_bottom_inline.html
new file mode 100644 (file)
index 0000000..63e4509
--- /dev/null
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.20 border-bottom</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+.one {border-bottom: purple double 10px;}
+.two {border-bottom: purple thin solid;}
+</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>.one {border-bottom: purple double 10px;}
+.two {border-bottom: purple thin solid;}
+
+</PRE>
+<HR>
+<P style="background-color: silver;">
+This is an unstyled element, save for the background color, and containing inline elements with classes of <SPAN class="one">class one</SPAN>, which should have a 10-pixel purple double bottom border; and <SPAN class="two">class two</SPAN>, which should have a thin solid purple bottom border.  The line-height of the parent element should not change on any line.
+</P>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P style="background-color: silver;">
+This is an unstyled element, save for the background color, and containing inline elements with classes of <SPAN class="one">class one</SPAN>, which should have a 10-pixel purple double bottom border; and <SPAN class="two">class two</SPAN>, which should have a thin solid purple bottom border.  The line-height of the parent element should not change on any line.
+</P>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/border_bottom_width-expected.txt b/LayoutTests/css1/box_properties/border_bottom_width-expected.txt
new file mode 100644 (file)
index 0000000..6540ec5
--- /dev/null
@@ -0,0 +1,99 @@
+layer at (0,0) size 800x832
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x832
+  RenderBlock {HTML} at (0,0) size 800x832
+    RenderBody {BODY} at (8,8) size 784x816 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x96 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 464x96
+          text run at (0,0) width 456: ".zero {background-color: silver; border-bottom-width: 0;}"
+          text run at (0,16) width 232: ".one {border-bottom-width: 50"
+          text run at (232,16) width 200: "px; border-style: solid;}"
+          text run at (0,32) width 440: ".two {border-bottom-width: thick; border-style: solid;}"
+          text run at (0,48) width 464: ".three {border-bottom-width: medium; border-style: solid;}"
+          text run at (0,64) width 440: ".four {border-bottom-width: thin; border-style: solid;}"
+          text run at (0,80) width 240: ".five {border-bottom-width: 25"
+          text run at (240,80) width 32: "px;}"
+      RenderBlock {HR} at (1,141) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,157) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 161x17
+          text run at (0,0) width 161: "(These will only work if "
+        RenderInline {CODE} at (0,0) size 96x16
+          RenderText {TEXT} at (161,1) size 96x16
+            text run at (161,1) width 96: "border-style"
+        RenderText {TEXT} at (257,0) size 100x17
+          text run at (257,0) width 100: " is supported.)"
+      RenderBlock {P} at (0,188) size 784x17 [bgcolor=#C0C0C0]
+        RenderText {TEXT} at (0,0) size 224x17
+          text run at (0,0) width 224: "This element has a class of zero."
+      RenderBlock {P} at (0,219) size 784x70 [bgcolor=#000000]
+        RenderText {TEXT} at (3,3) size 422x17
+          text run at (3,3) width 422: "This element should have a bottom border width of 50 pixels."
+      RenderBlock {P} at (0,303) size 784x25 [bgcolor=#000000]
+        RenderText {TEXT} at (3,3) size 375x17
+          text run at (3,3) width 375: "This element should have a thick bottom border width."
+      RenderBlock {P} at (0,342) size 784x23 [bgcolor=#000000]
+        RenderText {TEXT} at (3,3) size 397x17
+          text run at (3,3) width 397: "This element should have a medium bottom border width."
+      RenderBlock {P} at (0,379) size 784x21 [bgcolor=#000000]
+        RenderText {TEXT} at (3,3) size 368x17
+          text run at (3,3) width 368: "This element should have a thin bottom border width."
+      RenderBlock {P} at (0,414) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 588x17
+          text run at (0,0) width 588: "This element should have no border and no extra \"padding\" on its bottom side, as no "
+        RenderInline {CODE} at (0,0) size 96x16
+          RenderText {TEXT} at (588,1) size 96x16
+            text run at (588,1) width 96: "border-style"
+        RenderText {TEXT} at (684,0) size 60x17
+          text run at (684,0) width 60: " was set."
+      RenderBlock {P} at (0,445) size 784x17 [bgcolor=#C0C0C0]
+        RenderText {TEXT} at (0,0) size 224x17
+          text run at (0,0) width 224: "This element has a class of zero."
+      RenderTable {TABLE} at (0,476) size 766x340 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x338
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 764x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,169) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 752x313 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 744x17
+                RenderText {TEXT} at (0,0) size 161x17
+                  text run at (0,0) width 161: "(These will only work if "
+                RenderInline {CODE} at (0,0) size 96x16
+                  RenderText {TEXT} at (161,1) size 96x16
+                    text run at (161,1) width 96: "border-style"
+                RenderText {TEXT} at (257,0) size 100x17
+                  text run at (257,0) width 100: " is supported.)"
+              RenderBlock {P} at (4,35) size 744x17 [bgcolor=#C0C0C0]
+                RenderText {TEXT} at (0,0) size 224x17
+                  text run at (0,0) width 224: "This element has a class of zero."
+              RenderBlock {P} at (4,66) size 744x70
+                RenderText {TEXT} at (3,3) size 422x17
+                  text run at (3,3) width 422: "This element should have a bottom border width of 50 pixels."
+              RenderBlock {P} at (4,150) size 744x25
+                RenderText {TEXT} at (3,3) size 375x17
+                  text run at (3,3) width 375: "This element should have a thick bottom border width."
+              RenderBlock {P} at (4,189) size 744x23
+                RenderText {TEXT} at (3,3) size 397x17
+                  text run at (3,3) width 397: "This element should have a medium bottom border width."
+              RenderBlock {P} at (4,226) size 744x21
+                RenderText {TEXT} at (3,3) size 368x17
+                  text run at (3,3) width 368: "This element should have a thin bottom border width."
+              RenderBlock {P} at (4,261) size 744x17
+                RenderText {TEXT} at (0,0) size 588x17
+                  text run at (0,0) width 588: "This element should have no border and no extra \"padding\" on its bottom side, as no "
+                RenderInline {CODE} at (0,0) size 96x16
+                  RenderText {TEXT} at (588,1) size 96x16
+                    text run at (588,1) width 96: "border-style"
+                RenderText {TEXT} at (684,0) size 60x17
+                  text run at (684,0) width 60: " was set."
+              RenderBlock {P} at (4,292) size 744x17 [bgcolor=#C0C0C0]
+                RenderText {TEXT} at (0,0) size 224x17
+                  text run at (0,0) width 224: "This element has a class of zero."
diff --git a/LayoutTests/css1/box_properties/border_bottom_width.html b/LayoutTests/css1/box_properties/border_bottom_width.html
new file mode 100644 (file)
index 0000000..6933a14
--- /dev/null
@@ -0,0 +1,85 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.13 border-bottom-width</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+.zero {background-color: silver; border-bottom-width: 0;}
+.one {border-bottom-width: 50px; border-style: solid;}
+.two {border-bottom-width: thick; border-style: solid;}
+.three {border-bottom-width: medium; border-style: solid;}
+.four {border-bottom-width: thin; border-style: solid;}
+.five {border-bottom-width: 25px;}</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>.zero {background-color: silver; border-bottom-width: 0;}
+.one {border-bottom-width: 50px; border-style: solid;}
+.two {border-bottom-width: thick; border-style: solid;}
+.three {border-bottom-width: medium; border-style: solid;}
+.four {border-bottom-width: thin; border-style: solid;}
+.five {border-bottom-width: 25px;}
+</PRE>
+<HR>
+<P>
+(These will only work if <CODE>border-style</CODE> is supported.)
+</P>
+<P class="zero">
+This element has a class of zero.
+</P>
+<P class="one">
+This element should have a bottom border width of 50 pixels.
+</P>
+<P class="two">
+This element should have a thick bottom border width.
+</P>
+<P class="three">
+This element should have a medium bottom border width.
+</P>
+<P class="four">
+This element should have a thin bottom border width.
+</P>
+<P class="five">
+This element should have no border and no extra "padding" on its bottom side, as no <CODE>border-style</CODE> was set.
+</P>
+<P class="zero">
+This element has a class of zero.
+</P>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P>
+(These will only work if <CODE>border-style</CODE> is supported.)
+</P>
+<P class="zero">
+This element has a class of zero.
+</P>
+<P class="one">
+This element should have a bottom border width of 50 pixels.
+</P>
+<P class="two">
+This element should have a thick bottom border width.
+</P>
+<P class="three">
+This element should have a medium bottom border width.
+</P>
+<P class="four">
+This element should have a thin bottom border width.
+</P>
+<P class="five">
+This element should have no border and no extra "padding" on its bottom side, as no <CODE>border-style</CODE> was set.
+</P>
+<P class="zero">
+This element has a class of zero.
+</P>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/border_bottom_width_inline-expected.txt b/LayoutTests/css1/box_properties/border_bottom_width_inline-expected.txt
new file mode 100644 (file)
index 0000000..6da352f
--- /dev/null
@@ -0,0 +1,86 @@
+layer at (0,0) size 800x600
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x366
+  RenderBlock {HTML} at (0,0) size 800x366
+    RenderBody {BODY} at (8,8) size 784x350 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x48 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 432x48
+          text run at (0,0) width 232: ".one {border-bottom-width: 25"
+          text run at (232,0) width 200: "px; border-style: solid;}"
+          text run at (0,16) width 432: ".two {border-bottom-width: thin; border-style: solid;}"
+          text run at (0,32) width 248: ".three {border-bottom-width: 25"
+          text run at (248,32) width 32: "px;}"
+      RenderBlock {HR} at (1,93) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,109) size 784x96 [bgcolor=#000000]
+        RenderText {TEXT} at (3,3) size 188x17
+          text run at (3,3) width 188: "This element has a class of "
+        RenderInline {TT} at (0,0) size 24x16
+          RenderText {TEXT} at (191,4) size 24x16
+            text run at (191,4) width 24: "one"
+        RenderText {TEXT} at (215,3) size 174x17
+          text run at (215,3) width 9: ". "
+          text run at (224,3) width 165: "However, it contains an "
+        RenderInline {SPAN} at (0,0) size 187x21
+          RenderText {TEXT} at (392,3) size 157x17
+            text run at (392,3) width 157: "inline element of class "
+          RenderInline {TT} at (0,0) size 24x16
+            RenderText {TEXT} at (549,4) size 24x16
+              text run at (549,4) width 24: "two"
+        RenderText {TEXT} at (576,3) size 775x51
+          text run at (576,3) width 202: ", which should result in a thin"
+          text run at (3,20) width 770: "solid border on the bottom side of each box in the inline element (and the UA's default border on the other three"
+          text run at (3,37) width 49: "sides). "
+          text run at (52,37) width 112: "There is also an "
+        RenderInline {SPAN} at (0,0) size 197x17
+          RenderText {TEXT} at (164,37) size 157x17
+            text run at (164,37) width 157: "inline element of class "
+          RenderInline {TT} at (0,0) size 40x16
+            RenderText {TEXT} at (321,38) size 40x16
+              text run at (321,38) width 40: "three"
+        RenderText {TEXT} at (361,37) size 778x34
+          text run at (361,37) width 420: ", which should have no bottom border width or visible border"
+          text run at (3,54) width 224: "because no border style was set."
+      RenderTable {TABLE} at (0,219) size 784x131 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x129
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,64) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 770x104 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x96
+                RenderText {TEXT} at (3,3) size 188x17
+                  text run at (3,3) width 188: "This element has a class of "
+                RenderInline {TT} at (0,0) size 24x16
+                  RenderText {TEXT} at (191,4) size 24x16
+                    text run at (191,4) width 24: "one"
+                RenderText {TEXT} at (215,3) size 174x17
+                  text run at (215,3) width 9: ". "
+                  text run at (224,3) width 165: "However, it contains an "
+                RenderInline {SPAN} at (0,0) size 187x21
+                  RenderText {TEXT} at (392,3) size 157x17
+                    text run at (392,3) width 157: "inline element of class "
+                  RenderInline {TT} at (0,0) size 24x16
+                    RenderText {TEXT} at (549,4) size 24x16
+                      text run at (549,4) width 24: "two"
+                RenderText {TEXT} at (576,3) size 744x51
+                  text run at (576,3) width 171: ", which should result in a"
+                  text run at (3,20) width 720: "thin solid border on the bottom side of each box in the inline element (and the UA's default border on the"
+                  text run at (3,37) width 130: "other three sides). "
+                  text run at (133,37) width 112: "There is also an "
+                RenderInline {SPAN} at (0,0) size 197x17
+                  RenderText {TEXT} at (245,37) size 157x17
+                    text run at (245,37) width 157: "inline element of class "
+                  RenderInline {TT} at (0,0) size 40x16
+                    RenderText {TEXT} at (402,38) size 40x16
+                      text run at (402,38) width 40: "three"
+                RenderText {TEXT} at (442,37) size 742x34
+                  text run at (442,37) width 303: ", which should have no bottom border width"
+                  text run at (3,54) width 341: "or visible border because no border style was set."
diff --git a/LayoutTests/css1/box_properties/border_bottom_width_inline.html b/LayoutTests/css1/box_properties/border_bottom_width_inline.html
new file mode 100644 (file)
index 0000000..36ae563
--- /dev/null
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.13 border-bottom-width</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+.one {border-bottom-width: 25px; border-style: solid;}
+.two {border-bottom-width: thin; border-style: solid;}
+.three {border-bottom-width: 25px;}</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>.one {border-bottom-width: 25px; border-style: solid;}
+.two {border-bottom-width: thin; border-style: solid;}
+.three {border-bottom-width: 25px;}
+</PRE>
+<HR>
+<P class="one">
+This element has a class of <TT>one</TT>.  However, it contains an <SPAN class="two">inline element of class <TT>two</TT></SPAN>, which should result in a thin solid border on the bottom side of each box in the inline element (and the UA's default border on the other three sides).  There is also an <SPAN class="three">inline element of class <TT>three</TT></SPAN>, which should have no bottom border width or visible border because no border style was set.
+</P>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P class="one">
+This element has a class of <TT>one</TT>.  However, it contains an <SPAN class="two">inline element of class <TT>two</TT></SPAN>, which should result in a thin solid border on the bottom side of each box in the inline element (and the UA's default border on the other three sides).  There is also an <SPAN class="three">inline element of class <TT>three</TT></SPAN>, which should have no bottom border width or visible border because no border style was set.
+</P>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/border_color-expected.txt b/LayoutTests/css1/box_properties/border_color-expected.txt
new file mode 100644 (file)
index 0000000..c1cdf2d
--- /dev/null
@@ -0,0 +1,46 @@
+layer at (0,0) size 800x600
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x402
+  RenderBlock {HTML} at (0,0) size 800x402
+    RenderBody {BODY} at (8,8) size 784x386 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x48 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 728x48
+          text run at (0,0) width 392: ".one {border-color: purple; border-style: solid;}"
+          text run at (0,16) width 568: ".two {border-color: purple; border-width: medium; border-style: solid;}"
+          text run at (0,32) width 728: ".three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}"
+      RenderBlock {HR} at (1,93) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,109) size 784x23 [bgcolor=#000000]
+        RenderText {TEXT} at (3,3) size 391x17
+          text run at (3,3) width 391: "This element should have a purple border surrounding it."
+      RenderBlock {P} at (0,146) size 784x23 [bgcolor=#000000]
+        RenderText {TEXT} at (3,3) size 497x17
+          text run at (3,3) width 497: "This element should have a medium-width purple border surrounding it."
+      RenderBlock {P} at (0,183) size 784x40 [bgcolor=#000000]
+        RenderText {TEXT} at (3,3) size 754x34
+          text run at (3,3) width 754: "This element should be surrounded by a medium width border which is purple on top, green on the right side,"
+          text run at (3,20) width 326: "blue on the bottom, and yellow on the left side."
+      RenderTable {TABLE} at (0,237) size 784x149 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x147
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,73) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 770x122 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x23
+                RenderText {TEXT} at (3,3) size 391x17
+                  text run at (3,3) width 391: "This element should have a purple border surrounding it."
+              RenderBlock {P} at (4,41) size 762x23
+                RenderText {TEXT} at (3,3) size 497x17
+                  text run at (3,3) width 497: "This element should have a medium-width purple border surrounding it."
+              RenderBlock {P} at (4,78) size 762x40
+                RenderText {TEXT} at (3,3) size 754x34
+                  text run at (3,3) width 754: "This element should be surrounded by a medium width border which is purple on top, green on the right side,"
+                  text run at (3,20) width 326: "blue on the bottom, and yellow on the left side."
diff --git a/LayoutTests/css1/box_properties/border_color.html b/LayoutTests/css1/box_properties/border_color.html
new file mode 100644 (file)
index 0000000..4d99eed
--- /dev/null
@@ -0,0 +1,49 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.16 border-color</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+.one {border-color: purple; border-style: solid;}
+.two {border-color: purple; border-width: medium; border-style: solid;}
+.three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>.one {border-color: purple; border-style: solid;}
+.two {border-color: purple; border-width: medium; border-style: solid;}
+.three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}
+</PRE>
+<HR>
+<P class="one">
+This element should have a purple border surrounding it.
+</P>
+<P class="two">
+This element should have a medium-width purple border surrounding it.
+</P>
+<P class="three">
+This element should be surrounded by a medium width border which is purple on top, green on the right side, blue on the bottom, and yellow on the left side.
+</P>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P class="one">
+This element should have a purple border surrounding it.
+</P>
+<P class="two">
+This element should have a medium-width purple border surrounding it.
+</P>
+<P class="three">
+This element should be surrounded by a medium width border which is purple on top, green on the right side, blue on the bottom, and yellow on the left side.
+</P>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/border_color_inline-expected.txt b/LayoutTests/css1/box_properties/border_color_inline-expected.txt
new file mode 100644 (file)
index 0000000..be5c6c9
--- /dev/null
@@ -0,0 +1,71 @@
+layer at (0,0) size 800x600
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x310
+  RenderBlock {HTML} at (0,0) size 800x310
+    RenderBody {BODY} at (8,8) size 784x294 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x48 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 728x48
+          text run at (0,0) width 392: ".one {border-color: purple; border-style: solid;}"
+          text run at (0,16) width 568: ".two {border-color: purple; border-width: medium; border-style: solid;}"
+          text run at (0,32) width 728: ".three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}"
+      RenderBlock {HR} at (1,93) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,109) size 784x68 [bgcolor=#C0C0C0]
+        RenderText {TEXT} at (0,0) size 740x17
+          text run at (0,0) width 740: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
+        RenderInline {SPAN} at (0,0) size 777x40 [bgcolor=#000000]
+          RenderText {TEXT} at (743,0) size 777x34
+            text run at (743,0) width 34: "class"
+            text run at (0,17) width 26: "one"
+        RenderText {TEXT} at (29,17) size 9x17
+          text run at (29,17) width 9: ", "
+        RenderInline {SPAN} at (0,0) size 69x23 [bgcolor=#000000]
+          RenderText {TEXT} at (41,17) size 63x17
+            text run at (41,17) width 63: "class two"
+        RenderText {TEXT} at (107,17) size 39x17
+          text run at (107,17) width 39: ", and "
+        RenderInline {SPAN} at (0,0) size 80x23 [bgcolor=#000000]
+          RenderText {TEXT} at (149,17) size 74x17
+            text run at (149,17) width 74: "class three"
+        RenderText {TEXT} at (226,17) size 756x51
+          text run at (226,17) width 9: ". "
+          text run at (235,17) width 521: "The effect for each inline element should be to have a purple medium-width"
+          text run at (0,34) width 748: "solid border in the first and second cases, and a purple-green-blue-yellow medium-width solid border in the"
+          text run at (0,51) width 42: "third. "
+          text run at (42,51) width 513: "The line-height of the parent element should not change at all, on any line."
+      RenderTable {TABLE} at (0,191) size 784x103 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x101
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,50) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 770x76 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x68 [bgcolor=#C0C0C0]
+                RenderText {TEXT} at (0,0) size 736x17
+                  text run at (0,0) width 736: "This is an unstyled element, save for the background color, and containing inline elements with a classes of"
+                RenderInline {SPAN} at (0,0) size 70x23 [bgcolor=#000000]
+                  RenderText {TEXT} at (3,17) size 64x17
+                    text run at (3,17) width 64: "class one"
+                RenderText {TEXT} at (70,17) size 9x17
+                  text run at (70,17) width 9: ", "
+                RenderInline {SPAN} at (0,0) size 69x23 [bgcolor=#000000]
+                  RenderText {TEXT} at (82,17) size 63x17
+                    text run at (82,17) width 63: "class two"
+                RenderText {TEXT} at (148,17) size 39x17
+                  text run at (148,17) width 39: ", and "
+                RenderInline {SPAN} at (0,0) size 80x23 [bgcolor=#000000]
+                  RenderText {TEXT} at (190,17) size 74x17
+                    text run at (190,17) width 74: "class three"
+                RenderText {TEXT} at (267,17) size 761x51
+                  text run at (267,17) width 9: ". "
+                  text run at (276,17) width 415: "The effect for each inline element should be to have a purple"
+                  text run at (0,34) width 761: "medium-width solid border in the first and second cases, and a purple-green-blue-yellow medium-width solid"
+                  text run at (0,51) width 135: "border in the third. "
+                  text run at (135,51) width 513: "The line-height of the parent element should not change at all, on any line."
diff --git a/LayoutTests/css1/box_properties/border_color_inline.html b/LayoutTests/css1/box_properties/border_color_inline.html
new file mode 100644 (file)
index 0000000..97a1f74
--- /dev/null
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.16 border-color</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+.one {border-color: purple; border-style: solid;}
+.two {border-color: purple; border-width: medium; border-style: solid;}
+.three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>.one {border-color: purple; border-style: solid;}
+.two {border-color: purple; border-width: medium; border-style: solid;}
+.three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}
+</PRE>
+<HR>
+<P style="background-color: silver;">
+This is an unstyled element, save for the background color, and containing inline elements with a classes of <SPAN class="one">class one</SPAN>, <SPAN class="two">class two</SPAN>, and <SPAN class="three">class three</SPAN>.  The effect for each inline element should be to have a purple medium-width solid border in the first and second cases, and a purple-green-blue-yellow medium-width solid border in the third.  The line-height of the parent element should not change at all, on any line.
+</P>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P style="background-color: silver;">
+This is an unstyled element, save for the background color, and containing inline elements with a classes of <SPAN class="one">class one</SPAN>, <SPAN class="two">class two</SPAN>, and <SPAN class="three">class three</SPAN>.  The effect for each inline element should be to have a purple medium-width solid border in the first and second cases, and a purple-green-blue-yellow medium-width solid border in the third.  The line-height of the parent element should not change at all, on any line.
+</P>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/border_inline-expected.txt b/LayoutTests/css1/box_properties/border_inline-expected.txt
new file mode 100644 (file)
index 0000000..cfc23d7
--- /dev/null
@@ -0,0 +1,61 @@
+layer at (0,0) size 800x600
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x276
+  RenderBlock {HTML} at (0,0) size 800x276
+    RenderBody {BODY} at (8,8) size 784x260 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x48 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 256x32
+          text run at (0,0) width 128: ".one {border: 10"
+          text run at (128,0) width 128: "px teal outset;}"
+          text run at (0,16) width 128: ".two {border: 10"
+          text run at (128,16) width 128: "px olive inset;}"
+      RenderBlock {HR} at (1,93) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,109) size 784x51 [bgcolor=#C0C0C0]
+        RenderText {TEXT} at (0,0) size 740x17
+          text run at (0,0) width 740: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
+        RenderInline {SPAN} at (0,0) size 784x54 [bgcolor=#000000]
+          RenderText {TEXT} at (750,0) size 784x34
+            text run at (750,0) width 34: "class"
+            text run at (0,17) width 26: "one"
+        RenderText {TEXT} at (36,17) size 400x17
+          text run at (36,17) width 201: ", which should result in a 10-"
+          text run at (237,17) width 199: "pixel outset teal border; and "
+        RenderInline {SPAN} at (0,0) size 83x37 [bgcolor=#000000]
+          RenderText {TEXT} at (446,17) size 63x17
+            text run at (446,17) width 63: "class two"
+        RenderText {TEXT} at (519,17) size 754x34
+          text run at (519,17) width 201: ", which should result in a 10-"
+          text run at (720,17) width 34: "pixel"
+          text run at (0,34) width 128: "inset olive border. "
+          text run at (128,34) width 471: "The line-height of the parent element should not change on any line."
+      RenderTable {TABLE} at (0,174) size 784x86 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x84
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,42) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 770x59 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x51 [bgcolor=#C0C0C0]
+                RenderText {TEXT} at (0,0) size 736x17
+                  text run at (0,0) width 736: "This is an unstyled element, save for the background color, and containing inline elements with a classes of"
+                RenderInline {SPAN} at (0,0) size 84x37 [bgcolor=#000000]
+                  RenderText {TEXT} at (10,17) size 64x17
+                    text run at (10,17) width 64: "class one"
+                RenderText {TEXT} at (84,17) size 400x17
+                  text run at (84,17) width 201: ", which should result in a 10-"
+                  text run at (285,17) width 199: "pixel outset teal border; and "
+                RenderInline {SPAN} at (0,0) size 83x37 [bgcolor=#000000]
+                  RenderText {TEXT} at (494,17) size 63x17
+                    text run at (494,17) width 63: "class two"
+                RenderText {TEXT} at (567,17) size 738x34
+                  text run at (567,17) width 171: ", which should result in a"
+                  text run at (0,34) width 192: "10-pixel inset olive border. "
+                  text run at (192,34) width 471: "The line-height of the parent element should not change on any line."
diff --git a/LayoutTests/css1/box_properties/border_inline.html b/LayoutTests/css1/box_properties/border_inline.html
new file mode 100644 (file)
index 0000000..ca769cb
--- /dev/null
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.22 border</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+.one {border: 10px teal outset;}
+.two {border: 10px olive inset;}
+</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>.one {border: 10px teal outset;}
+.two {border: 10px olive inset;}
+
+</PRE>
+<HR>
+<P style="background-color: silver;">
+This is an unstyled element, save for the background color, and containing inline elements with a classes of <SPAN class="one">class one</SPAN>, which should result in a 10-pixel outset teal border; and <SPAN class="two">class two</SPAN>, which should result in a 10-pixel inset olive border.  The line-height of the parent element should not change on any line.
+</P>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P style="background-color: silver;">
+This is an unstyled element, save for the background color, and containing inline elements with a classes of <SPAN class="one">class one</SPAN>, which should result in a 10-pixel outset teal border; and <SPAN class="two">class two</SPAN>, which should result in a 10-pixel inset olive border.  The line-height of the parent element should not change on any line.
+</P>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/border_left-expected.txt b/LayoutTests/css1/box_properties/border_left-expected.txt
new file mode 100644 (file)
index 0000000..1fcfbd3
--- /dev/null
@@ -0,0 +1,163 @@
+layer at (0,0) size 800x978
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x978
+  RenderBlock {HTML} at (0,0) size 800x978
+    RenderBody {BODY} at (8,8) size 784x962 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (20,0) size 764x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x112 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 344x112
+          text run at (0,0) width 144: "P {margin-left: 20"
+          text run at (144,0) width 32: "px;}"
+          text run at (0,16) width 280: ".one {border-left: purple double 10"
+          text run at (280,16) width 32: "px;}"
+          text run at (0,32) width 304: ".two {border-left: purple thin solid;}"
+          text run at (0,48) width 336: ".threea {border-left: black medium solid;}"
+          text run at (0,64) width 344: ".threeb {border-left: purple medium solid;}"
+          text run at (0,80) width 328: ".threec {border-left: blue medium solid;}"
+          text run at (0,96) width 192: "TD {border-left: green 2"
+          text run at (192,96) width 80: "px solid;}"
+      RenderBlock {HR} at (1,157) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (20,173) size 764x34 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 727x34
+          text run at (0,0) width 698: "Note that all table cells on this page should have a two-pixel solid green border along their left sides. "
+          text run at (698,0) width 29: "This"
+          text run at (0,17) width 449: "border applies only to the cells, not the rows which contain them."
+      RenderBlock {P} at (20,221) size 764x17 [bgcolor=#000000]
+        RenderText {TEXT} at (10,0) size 456x17
+          text run at (10,0) width 340: "This paragraph should have a purple, double, 10-"
+          text run at (350,0) width 116: "pixel left border."
+      RenderBlock {P} at (20,252) size 764x17 [bgcolor=#000000]
+        RenderText {TEXT} at (1,0) size 362x17
+          text run at (1,0) width 362: "This paragraph should have a thin purple left border."
+      RenderTable {TABLE} at (0,283) size 784x103 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x101
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (5,5) size 772x38 [r=0 c=0 rs=1 cs=2]
+              RenderText {TEXT} at (3,2) size 767x34
+                text run at (3,2) width 268: "Every cell in this table should have a 2-"
+                text run at (271,2) width 200: "pixel solid green left border. "
+                text run at (471,2) width 299: "This is also true of the table-testing section"
+                text run at (3,19) width 239: "in the second half of the test page."
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (5,61) size 191x21 [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (3,2) size 56x17
+                text run at (3,2) width 56: "Cell one"
+            RenderTableCell {TD} at (201,48) size 576x48 [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (3,2) size 571x17
+                RenderText {TEXT} at (0,0) size 55x17
+                  text run at (0,0) width 55: "Cell two"
+              RenderTable {TABLE} at (3,19) size 178x27
+                RenderTableSection {TBODY} at (1,1) size 0x25
+                  RenderTableRow {TR} at (0,0) size 0x0
+                    RenderTableCell {TD} at (2,2) size 172x21 [r=0 c=0 rs=1 cs=1]
+                      RenderText {TEXT} at (3,2) size 167x17
+                        text run at (3,2) width 167: "Nested single-cell table!"
+      RenderBlock {UL} at (0,400) size 784x136 [bgcolor=#000000]
+        RenderListItem {LI} at (40,0) size 744x68
+          RenderBlock (anonymous) at (3,0) size 741x17
+            RenderListMarker at (0,0) size 0x14
+            RenderText {TEXT} at (0,0) size 132x17
+              text run at (0,0) width 132: "This is a list item..."
+          RenderBlock {UL} at (3,17) size 741x51
+            RenderListItem {LI} at (40,0) size 701x17
+              RenderListMarker at (0,0) size 0x14
+              RenderText {TEXT} at (0,0) size 86x17
+                text run at (0,0) width 86: "...and this..."
+            RenderListItem {LI} at (40,17) size 701x17
+              RenderListMarker at (0,0) size 0x14
+              RenderText {TEXT} at (0,0) size 132x17
+                text run at (0,0) width 132: "...is a second list..."
+            RenderListItem {LI} at (40,34) size 701x17
+              RenderListMarker at (0,0) size 0x14
+              RenderText {TEXT} at (0,0) size 198x17
+                text run at (0,0) width 198: "...nested within the list item."
+        RenderListItem {LI} at (40,68) size 744x17
+          RenderListMarker at (3,0) size 0x14
+          RenderText {TEXT} at (3,0) size 175x17
+            text run at (3,0) width 175: "This is a second list item."
+        RenderListItem {LI} at (40,85) size 744x51
+          RenderListMarker at (3,0) size 0x14
+          RenderText {TEXT} at (3,0) size 733x51
+            text run at (3,0) width 711: "Each list item in this 'parent' list should have a medium-width border along its left side, in each of three"
+            text run at (3,17) width 51: "colors. "
+            text run at (54,17) width 682: "The first item's border should travel the entire height the nested list (to end near the baseline of the"
+            text run at (3,34) width 687: "line \"...nested within the list item.\"), even though the nested list does not have any border styles set."
+      RenderTable {TABLE} at (0,550) size 784x412 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x410
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (5,4) size 164x17
+                  text run at (5,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,205) size 13x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (5,4) size 4x17
+                text run at (5,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (13,25) size 769x385 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (25,4) size 740x34
+                RenderText {TEXT} at (0,0) size 727x34
+                  text run at (0,0) width 698: "Note that all table cells on this page should have a two-pixel solid green border along their left sides. "
+                  text run at (698,0) width 29: "This"
+                  text run at (0,17) width 449: "border applies only to the cells, not the rows which contain them."
+              RenderBlock {P} at (25,52) size 740x17
+                RenderText {TEXT} at (10,0) size 456x17
+                  text run at (10,0) width 340: "This paragraph should have a purple, double, 10-"
+                  text run at (350,0) width 116: "pixel left border."
+              RenderBlock {P} at (25,83) size 740x17
+                RenderText {TEXT} at (1,0) size 362x17
+                  text run at (1,0) width 362: "This paragraph should have a thin purple left border."
+              RenderTable {TABLE} at (5,114) size 760x103
+                RenderTableSection {TBODY} at (1,1) size 0x101
+                  RenderTableRow {TR} at (0,0) size 0x0
+                    RenderTableCell {TD} at (5,5) size 748x38 [r=0 c=0 rs=1 cs=2]
+                      RenderText {TEXT} at (3,2) size 714x34
+                        text run at (3,2) width 268: "Every cell in this table should have a 2-"
+                        text run at (271,2) width 200: "pixel solid green left border. "
+                        text run at (471,2) width 246: "This is also true of the table-testing"
+                        text run at (3,19) width 292: "section in the second half of the test page."
+                  RenderTableRow {TR} at (0,0) size 0x0
+                    RenderTableCell {TD} at (5,61) size 185x21 [r=1 c=0 rs=1 cs=1]
+                      RenderText {TEXT} at (3,2) size 56x17
+                        text run at (3,2) width 56: "Cell one"
+                    RenderTableCell {TD} at (195,48) size 558x48 [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (3,2) size 553x17
+                        RenderText {TEXT} at (0,0) size 55x17
+                          text run at (0,0) width 55: "Cell two"
+                      RenderTable {TABLE} at (3,19) size 178x27
+                        RenderTableSection {TBODY} at (1,1) size 0x25
+                          RenderTableRow {TR} at (0,0) size 0x0
+                            RenderTableCell {TD} at (2,2) size 172x21 [r=0 c=0 rs=1 cs=1]
+                              RenderText {TEXT} at (3,2) size 167x17
+                                text run at (3,2) width 167: "Nested single-cell table!"
+              RenderBlock {UL} at (5,231) size 760x136
+                RenderListItem {LI} at (40,0) size 720x68
+                  RenderBlock (anonymous) at (3,0) size 717x17
+                    RenderListMarker at (0,0) size 0x14
+                    RenderText {TEXT} at (0,0) size 132x17
+                      text run at (0,0) width 132: "This is a list item..."
+                  RenderBlock {UL} at (3,17) size 717x51
+                    RenderListItem {LI} at (40,0) size 677x17
+                      RenderListMarker at (0,0) size 0x14
+                      RenderText {TEXT} at (0,0) size 86x17
+                        text run at (0,0) width 86: "...and this..."
+                    RenderListItem {LI} at (40,17) size 677x17
+                      RenderListMarker at (0,0) size 0x14
+                      RenderText {TEXT} at (0,0) size 132x17
+                        text run at (0,0) width 132: "...is a second list..."
+                    RenderListItem {LI} at (40,34) size 677x17
+                      RenderListMarker at (0,0) size 0x14
+                      RenderText {TEXT} at (0,0) size 198x17
+                        text run at (0,0) width 198: "...nested within the list item."
+                RenderListItem {LI} at (40,68) size 720x17
+                  RenderListMarker at (3,0) size 0x14
+                  RenderText {TEXT} at (3,0) size 175x17
+                    text run at (3,0) width 175: "This is a second list item."
+                RenderListItem {LI} at (40,85) size 720x51
+                  RenderListMarker at (3,0) size 0x14
+                  RenderText {TEXT} at (3,0) size 713x51
+                    text run at (3,0) width 711: "Each list item in this 'parent' list should have a medium-width border along its left side, in each of three"
+                    text run at (3,17) width 51: "colors. "
+                    text run at (54,17) width 656: "The first item's border should travel the entire height the nested list (to end near the baseline of"
+                    text run at (3,34) width 713: "the line \"...nested within the list item.\"), even though the nested list does not have any border styles set."
diff --git a/LayoutTests/css1/box_properties/border_left.html b/LayoutTests/css1/box_properties/border_left.html
new file mode 100644 (file)
index 0000000..2c0e496
--- /dev/null
@@ -0,0 +1,103 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.21 border-left</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+P {margin-left: 20px;}
+.one {border-left: purple double 10px;}
+.two {border-left: purple thin solid;}
+.threea {border-left: black medium solid;}
+.threeb {border-left: purple medium solid;}
+.threec {border-left: blue medium solid;}
+TD {border-left: green 2px solid;}</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>P {margin-left: 20px;}
+.one {border-left: purple double 10px;}
+.two {border-left: purple thin solid;}
+.threea {border-left: black medium solid;}
+.threeb {border-left: purple medium solid;}
+.threec {border-left: blue medium solid;}
+TD {border-left: green 2px solid;}
+</PRE>
+<HR>
+<P>
+Note that all table cells on this page should have a two-pixel solid green border along their left sides.  This border applies only to the cells, not the rows which contain them.
+</P>
+
+<P class="one">
+This paragraph should have a purple, double, 10-pixel left border.
+</P>
+<P class="two">
+This paragraph should have a thin purple left border.
+</P>
+
+<TABLE cellspacing="5" border>
+<TR>
+<TD colspan="2">Every cell in this table should have a 2-pixel solid green left border.  This is also true of the table-testing section in the second half of the test page.
+</TD>
+</TR>
+<TR>
+<TD>Cell one</TD><TD>Cell two<TABLE border><TR><TD>Nested single-cell table!</TD></TR></TABLE></TD>
+</TR>
+</TABLE>
+
+<UL>
+<LI class="threea">This is a list item...
+<UL>
+<LI>...and this...
+<LI>...is a second list...
+<LI>...nested within the list item.
+</UL>
+</LI>
+<LI class="threeb">This is a second list item.</LI>
+<LI class="threec">Each list item in this 'parent' list should have a medium-width border along its left side, in each of three colors.  The first item's border should travel the entire height the nested list (to end near the baseline of the line "...nested within the list item."), even though the nested list does not have any border styles set.
+</UL>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P>
+Note that all table cells on this page should have a two-pixel solid green border along their left sides.  This border applies only to the cells, not the rows which contain them.
+</P>
+
+<P class="one">
+This paragraph should have a purple, double, 10-pixel left border.
+</P>
+<P class="two">
+This paragraph should have a thin purple left border.
+</P>
+
+<TABLE cellspacing="5" border>
+<TR>
+<TD colspan="2">Every cell in this table should have a 2-pixel solid green left border.  This is also true of the table-testing section in the second half of the test page.
+</TD>
+</TR>
+<TR>
+<TD>Cell one</TD><TD>Cell two<TABLE border><TR><TD>Nested single-cell table!</TD></TR></TABLE></TD>
+</TR>
+</TABLE>
+
+<UL>
+<LI class="threea">This is a list item...
+<UL>
+<LI>...and this...
+<LI>...is a second list...
+<LI>...nested within the list item.
+</UL>
+</LI>
+<LI class="threeb">This is a second list item.</LI>
+<LI class="threec">Each list item in this 'parent' list should have a medium-width border along its left side, in each of three colors.  The first item's border should travel the entire height the nested list (to end near the baseline of the line "...nested within the list item."), even though the nested list does not have any border styles set.
+</UL>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/border_left_inline-expected.txt b/LayoutTests/css1/box_properties/border_left_inline-expected.txt
new file mode 100644 (file)
index 0000000..58ec275
--- /dev/null
@@ -0,0 +1,65 @@
+layer at (0,0) size 800x600
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x309
+  RenderBlock {HTML} at (0,0) size 800x309
+    RenderBody {BODY} at (8,8) size 784x293 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (20,0) size 764x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x64 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 312x48
+          text run at (0,0) width 144: "P {margin-left: 20"
+          text run at (144,0) width 32: "px;}"
+          text run at (0,16) width 280: ".one {border-left: purple double 10"
+          text run at (280,16) width 32: "px;}"
+          text run at (0,32) width 304: ".two {border-left: purple thin solid;}"
+      RenderBlock {HR} at (1,109) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (20,125) size 764x51 [bgcolor=#C0C0C0]
+        RenderText {TEXT} at (0,0) size 764x34
+          text run at (0,0) width 399: "This paragraph has a background color of silver and a 20-"
+          text run at (399,0) width 365: "pixel left margin, and it contains inline elements with"
+          text run at (0,17) width 71: "classes of "
+        RenderInline {SPAN} at (0,0) size 74x17 [bgcolor=#000000]
+          RenderText {TEXT} at (81,17) size 64x17
+            text run at (81,17) width 64: "class one"
+        RenderText {TEXT} at (145,17) size 426x17
+          text run at (145,17) width 177: ", which should have a 10-"
+          text run at (322,17) width 249: "pixel purple double left border; and "
+        RenderInline {SPAN} at (0,0) size 64x17 [bgcolor=#000000]
+          RenderText {TEXT} at (572,17) size 63x17
+            text run at (572,17) width 63: "class two"
+        RenderText {TEXT} at (635,17) size 734x34
+          text run at (635,17) width 99: ", which should"
+          text run at (0,34) width 246: "have a thin solid purple left border. "
+          text run at (246,34) width 471: "The line-height of the parent element should not change on any line."
+      RenderTable {TABLE} at (0,190) size 784x103 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x101
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,50) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 770x76 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (24,4) size 742x68 [bgcolor=#C0C0C0]
+                RenderText {TEXT} at (0,0) size 731x34
+                  text run at (0,0) width 399: "This paragraph has a background color of silver and a 20-"
+                  text run at (399,0) width 332: "pixel left margin, and it contains inline elements"
+                  text run at (0,17) width 104: "with classes of "
+                RenderInline {SPAN} at (0,0) size 74x17 [bgcolor=#000000]
+                  RenderText {TEXT} at (114,17) size 64x17
+                    text run at (114,17) width 64: "class one"
+                RenderText {TEXT} at (178,17) size 426x17
+                  text run at (178,17) width 177: ", which should have a 10-"
+                  text run at (355,17) width 249: "pixel purple double left border; and "
+                RenderInline {SPAN} at (0,0) size 64x17 [bgcolor=#000000]
+                  RenderText {TEXT} at (605,17) size 63x17
+                    text run at (605,17) width 63: "class two"
+                RenderText {TEXT} at (668,17) size 733x51
+                  text run at (668,17) width 49: ", which"
+                  text run at (0,34) width 296: "should have a thin solid purple left border. "
+                  text run at (296,34) width 437: "The line-height of the parent element should not change on any"
+                  text run at (0,51) width 30: "line."
diff --git a/LayoutTests/css1/box_properties/border_left_inline.html b/LayoutTests/css1/box_properties/border_left_inline.html
new file mode 100644 (file)
index 0000000..c66ed6f
--- /dev/null
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.21 border-left</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+P {margin-left: 20px;}
+.one {border-left: purple double 10px;}
+.two {border-left: purple thin solid;}
+</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>P {margin-left: 20px;}
+.one {border-left: purple double 10px;}
+.two {border-left: purple thin solid;}
+
+</PRE>
+<HR>
+<P style="background-color: silver;">
+This paragraph has a background color of silver and a 20-pixel left margin, and it contains inline elements with classes of <SPAN class="one">class one</SPAN>, which should have a 10-pixel purple double left border; and <SPAN class="two">class two</SPAN>, which should have a thin solid purple left border.  The line-height of the parent element should not change on any line.
+</P>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P style="background-color: silver;">
+This paragraph has a background color of silver and a 20-pixel left margin, and it contains inline elements with classes of <SPAN class="one">class one</SPAN>, which should have a 10-pixel purple double left border; and <SPAN class="two">class two</SPAN>, which should have a thin solid purple left border.  The line-height of the parent element should not change on any line.
+</P>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/border_left_width-expected.txt b/LayoutTests/css1/box_properties/border_left_width-expected.txt
new file mode 100644 (file)
index 0000000..b205513
--- /dev/null
@@ -0,0 +1,101 @@
+layer at (0,0) size 800x812
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x812
+  RenderBlock {HTML} at (0,0) size 800x812
+    RenderBody {BODY} at (8,8) size 784x796 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x96 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 448x96
+          text run at (0,0) width 440: ".zero {background-color: silver; border-left-width: 0;}"
+          text run at (0,16) width 216: ".one {border-left-width: 50"
+          text run at (216,16) width 200: "px; border-style: solid;}"
+          text run at (0,32) width 424: ".two {border-left-width: thick; border-style: solid;}"
+          text run at (0,48) width 448: ".three {border-left-width: medium; border-style: solid;}"
+          text run at (0,64) width 424: ".four {border-left-width: thin; border-style: solid;}"
+          text run at (0,80) width 224: ".five {border-left-width: 25"
+          text run at (224,80) width 32: "px;}"
+      RenderBlock {HR} at (1,141) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,157) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 161x17
+          text run at (0,0) width 161: "(These will only work if "
+        RenderInline {CODE} at (0,0) size 96x16
+          RenderText {TEXT} at (161,1) size 96x16
+            text run at (161,1) width 96: "border-style"
+        RenderText {TEXT} at (257,0) size 100x17
+          text run at (257,0) width 100: " is supported.)"
+      RenderBlock {P} at (0,188) size 784x17 [bgcolor=#C0C0C0]
+        RenderText {TEXT} at (0,0) size 224x17
+          text run at (0,0) width 224: "This element has a class of zero."
+      RenderBlock {P} at (0,219) size 784x40 [bgcolor=#000000]
+        RenderText {TEXT} at (50,3) size 700x34
+          text run at (50,3) width 700: "This element should have a left border width of 50 pixels, which will be more obvious if the element is"
+          text run at (50,20) width 170: "more than one line long."
+      RenderBlock {P} at (0,273) size 784x40 [bgcolor=#000000]
+        RenderText {TEXT} at (5,3) size 758x34
+          text run at (5,3) width 758: "This element should have a thick left border width, which will be more obvious if the element is more than one"
+          text run at (5,20) width 65: "line long."
+      RenderBlock {P} at (0,327) size 784x40 [bgcolor=#000000]
+        RenderText {TEXT} at (3,3) size 750x34
+          text run at (3,3) width 750: "This element should have a medium left border width, which will be more obvious if the element is more than"
+          text run at (3,20) width 95: "one line long."
+      RenderBlock {P} at (0,381) size 784x40 [bgcolor=#000000]
+        RenderText {TEXT} at (1,3) size 780x34
+          text run at (1,3) width 780: "This element should have a thin left border width, which will be more obvious if the element is more than one line"
+          text run at (1,20) width 36: "long."
+      RenderBlock {P} at (0,435) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 561x17
+          text run at (0,0) width 561: "This element should have no border and no extra \"padding\" on its left side, as no "
+        RenderInline {CODE} at (0,0) size 96x16
+          RenderText {TEXT} at (561,1) size 96x16
+            text run at (561,1) width 96: "border-style"
+        RenderText {TEXT} at (657,0) size 60x17
+          text run at (657,0) width 60: " was set."
+      RenderTable {TABLE} at (0,466) size 784x330 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x328
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,164) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 770x303 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x17
+                RenderText {TEXT} at (0,0) size 161x17
+                  text run at (0,0) width 161: "(These will only work if "
+                RenderInline {CODE} at (0,0) size 96x16
+                  RenderText {TEXT} at (161,1) size 96x16
+                    text run at (161,1) width 96: "border-style"
+                RenderText {TEXT} at (257,0) size 100x17
+                  text run at (257,0) width 100: " is supported.)"
+              RenderBlock {P} at (4,35) size 762x17 [bgcolor=#C0C0C0]
+                RenderText {TEXT} at (0,0) size 224x17
+                  text run at (0,0) width 224: "This element has a class of zero."
+              RenderBlock {P} at (4,66) size 762x40
+                RenderText {TEXT} at (50,3) size 700x34
+                  text run at (50,3) width 700: "This element should have a left border width of 50 pixels, which will be more obvious if the element is"
+                  text run at (50,20) width 170: "more than one line long."
+              RenderBlock {P} at (4,120) size 762x40
+                RenderText {TEXT} at (5,3) size 728x34
+                  text run at (5,3) width 728: "This element should have a thick left border width, which will be more obvious if the element is more than"
+                  text run at (5,20) width 95: "one line long."
+              RenderBlock {P} at (4,174) size 762x40
+                RenderText {TEXT} at (3,3) size 750x34
+                  text run at (3,3) width 750: "This element should have a medium left border width, which will be more obvious if the element is more than"
+                  text run at (3,20) width 95: "one line long."
+              RenderBlock {P} at (4,228) size 762x40
+                RenderText {TEXT} at (1,3) size 751x34
+                  text run at (1,3) width 751: "This element should have a thin left border width, which will be more obvious if the element is more than one"
+                  text run at (1,20) width 65: "line long."
+              RenderBlock {P} at (4,282) size 762x17
+                RenderText {TEXT} at (0,0) size 561x17
+                  text run at (0,0) width 561: "This element should have no border and no extra \"padding\" on its left side, as no "
+                RenderInline {CODE} at (0,0) size 96x16
+                  RenderText {TEXT} at (561,1) size 96x16
+                    text run at (561,1) width 96: "border-style"
+                RenderText {TEXT} at (657,0) size 60x17
+                  text run at (657,0) width 60: " was set."
diff --git a/LayoutTests/css1/box_properties/border_left_width.html b/LayoutTests/css1/box_properties/border_left_width.html
new file mode 100644 (file)
index 0000000..d0730fe
--- /dev/null
@@ -0,0 +1,79 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.14 border-left-width</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+.zero {background-color: silver; border-left-width: 0;}
+.one {border-left-width: 50px; border-style: solid;}
+.two {border-left-width: thick; border-style: solid;}
+.three {border-left-width: medium; border-style: solid;}
+.four {border-left-width: thin; border-style: solid;}
+.five {border-left-width: 25px;}</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>.zero {background-color: silver; border-left-width: 0;}
+.one {border-left-width: 50px; border-style: solid;}
+.two {border-left-width: thick; border-style: solid;}
+.three {border-left-width: medium; border-style: solid;}
+.four {border-left-width: thin; border-style: solid;}
+.five {border-left-width: 25px;}
+</PRE>
+<HR>
+<P>
+(These will only work if <CODE>border-style</CODE> is supported.)
+</P>
+<P class="zero">
+This element has a class of zero.
+</P>
+<P class="one">
+This element should have a left border width of 50 pixels, which will be more obvious if the element is more than one line long.
+</P>
+<P class="two">
+This element should have a thick left border width, which will be more obvious if the element is more than one line long.
+</P>
+<P class="three">
+This element should have a medium left border width, which will be more obvious if the element is more than one line long.
+</P>
+<P class="four">
+This element should have a thin left border width, which will be more obvious if the element is more than one line long.
+</P>
+<P class="five">
+This element should have no border and no extra "padding" on its left side, as no <CODE>border-style</CODE> was set.
+</P>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P>
+(These will only work if <CODE>border-style</CODE> is supported.)
+</P>
+<P class="zero">
+This element has a class of zero.
+</P>
+<P class="one">
+This element should have a left border width of 50 pixels, which will be more obvious if the element is more than one line long.
+</P>
+<P class="two">
+This element should have a thick left border width, which will be more obvious if the element is more than one line long.
+</P>
+<P class="three">
+This element should have a medium left border width, which will be more obvious if the element is more than one line long.
+</P>
+<P class="four">
+This element should have a thin left border width, which will be more obvious if the element is more than one line long.
+</P>
+<P class="five">
+This element should have no border and no extra "padding" on its left side, as no <CODE>border-style</CODE> was set.
+</P>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/border_left_width_inline-expected.txt b/LayoutTests/css1/box_properties/border_left_width_inline-expected.txt
new file mode 100644 (file)
index 0000000..aaa281d
--- /dev/null
@@ -0,0 +1,96 @@
+layer at (0,0) size 800x600
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x322
+  RenderBlock {HTML} at (0,0) size 800x322
+    RenderBody {BODY} at (8,8) size 784x306 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x48 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 416x48
+          text run at (0,0) width 216: ".one {border-left-width: 25"
+          text run at (216,0) width 200: "px; border-style: solid;}"
+          text run at (0,16) width 416: ".two {border-left-width: thin; border-style: solid;}"
+          text run at (0,32) width 232: ".three {border-left-width: 25"
+          text run at (232,32) width 32: "px;}"
+      RenderBlock {HR} at (1,93) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,109) size 784x74 [bgcolor=#000000]
+        RenderText {TEXT} at (25,3) size 188x17
+          text run at (25,3) width 188: "This element has a class of "
+        RenderInline {TT} at (0,0) size 24x16
+          RenderText {TEXT} at (213,4) size 24x16
+            text run at (213,4) width 24: "one"
+        RenderText {TEXT} at (237,3) size 174x17
+          text run at (237,3) width 9: ". "
+          text run at (246,3) width 165: "However, it contains an "
+        RenderInline {SPAN} at (0,0) size 185x23
+          RenderText {TEXT} at (412,3) size 157x17
+            text run at (412,3) width 157: "inline element of class "
+          RenderInline {TT} at (0,0) size 24x16
+            RenderText {TEXT} at (569,4) size 24x16
+              text run at (569,4) width 24: "two"
+        RenderText {TEXT} at (596,3) size 742x34
+          text run at (596,3) width 171: ", which should result in a"
+          text run at (25,20) width 269: "thin solid border on the left side of the "
+        RenderInline {STRONG} at (0,0) size 31x17
+          RenderText {TEXT} at (294,20) size 31x17
+            text run at (294,20) width 31: "first"
+        RenderText {TEXT} at (325,20) size 718x34
+          text run at (325,20) width 418: " box in the inline element (and the UA's default border on the"
+          text run at (25,37) width 130: "other three sides). "
+          text run at (155,37) width 112: "There is also an "
+        RenderInline {SPAN} at (0,0) size 197x17
+          RenderText {TEXT} at (267,37) size 157x17
+            text run at (267,37) width 157: "inline element of class "
+          RenderInline {TT} at (0,0) size 40x16
+            RenderText {TEXT} at (424,38) size 40x16
+              text run at (424,38) width 40: "three"
+        RenderText {TEXT} at (464,37) size 734x34
+          text run at (464,37) width 295: ", which should have no left border width or"
+          text run at (25,54) width 322: "visible border because no border style was set."
+      RenderTable {TABLE} at (0,197) size 784x109 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x107
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,53) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 770x82 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x74
+                RenderText {TEXT} at (25,3) size 188x17
+                  text run at (25,3) width 188: "This element has a class of "
+                RenderInline {TT} at (0,0) size 24x16
+                  RenderText {TEXT} at (213,4) size 24x16
+                    text run at (213,4) width 24: "one"
+                RenderText {TEXT} at (237,3) size 174x17
+                  text run at (237,3) width 9: ". "
+                  text run at (246,3) width 165: "However, it contains an "
+                RenderInline {SPAN} at (0,0) size 185x23
+                  RenderText {TEXT} at (412,3) size 157x17
+                    text run at (412,3) width 157: "inline element of class "
+                  RenderInline {TT} at (0,0) size 24x16
+                    RenderText {TEXT} at (569,4) size 24x16
+                      text run at (569,4) width 24: "two"
+                RenderText {TEXT} at (596,3) size 730x34
+                  text run at (596,3) width 159: ", which should result in"
+                  text run at (25,20) width 281: "a thin solid border on the left side of the "
+                RenderInline {STRONG} at (0,0) size 31x17
+                  RenderText {TEXT} at (306,20) size 31x17
+                    text run at (306,20) width 31: "first"
+                RenderText {TEXT} at (337,20) size 730x34
+                  text run at (337,20) width 418: " box in the inline element (and the UA's default border on the"
+                  text run at (25,37) width 130: "other three sides). "
+                  text run at (155,37) width 112: "There is also an "
+                RenderInline {SPAN} at (0,0) size 197x17
+                  RenderText {TEXT} at (267,37) size 157x17
+                    text run at (267,37) width 157: "inline element of class "
+                  RenderInline {TT} at (0,0) size 40x16
+                    RenderText {TEXT} at (424,38) size 40x16
+                      text run at (424,38) width 40: "three"
+                RenderText {TEXT} at (464,37) size 734x34
+                  text run at (464,37) width 295: ", which should have no left border width or"
+                  text run at (25,54) width 322: "visible border because no border style was set."
diff --git a/LayoutTests/css1/box_properties/border_left_width_inline.html b/LayoutTests/css1/box_properties/border_left_width_inline.html
new file mode 100644 (file)
index 0000000..c1cc7f2
--- /dev/null
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.14 border-left-width</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+.one {border-left-width: 25px; border-style: solid;}
+.two {border-left-width: thin; border-style: solid;}
+.three {border-left-width: 25px;}</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>.one {border-left-width: 25px; border-style: solid;}
+.two {border-left-width: thin; border-style: solid;}
+.three {border-left-width: 25px;}
+</PRE>
+<HR>
+<P class="one">
+This element has a class of <TT>one</TT>.  However, it contains an <SPAN class="two">inline element of class <TT>two</TT></SPAN>, which should result in a thin solid border on the left side of the <STRONG>first</STRONG> box in the inline element (and the UA's default border on the other three sides).  There is also an <SPAN class="three">inline element of class <TT>three</TT></SPAN>, which should have no left border width or visible border because no border style was set.
+</P>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P class="one">
+This element has a class of <TT>one</TT>.  However, it contains an <SPAN class="two">inline element of class <TT>two</TT></SPAN>, which should result in a thin solid border on the left side of the <STRONG>first</STRONG> box in the inline element (and the UA's default border on the other three sides).  There is also an <SPAN class="three">inline element of class <TT>three</TT></SPAN>, which should have no left border width or visible border because no border style was set.
+</P>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/border_right-expected.txt b/LayoutTests/css1/box_properties/border_right-expected.txt
new file mode 100644 (file)
index 0000000..f6a94e3
--- /dev/null
@@ -0,0 +1,66 @@
+layer at (0,0) size 800x600
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x326
+  RenderBlock {HTML} at (0,0) size 800x326
+    RenderBody {BODY} at (8,8) size 784x310 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 764x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x64 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 320x48
+          text run at (0,0) width 152: "P {margin-right: 20"
+          text run at (152,0) width 32: "px;}"
+          text run at (0,16) width 288: ".one {border-right: purple double 10"
+          text run at (288,16) width 32: "px;}"
+          text run at (0,32) width 312: ".two {border-right: purple thin solid;}"
+      RenderBlock {HR} at (1,109) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,125) size 764x68 [bgcolor=#C0C0C0]
+        RenderText {TEXT} at (0,0) size 741x34
+          text run at (0,0) width 399: "This paragraph has a background color of silver and a 20-"
+          text run at (399,0) width 342: "pixel right margin, and it contains inline elements"
+          text run at (0,17) width 104: "with classes of "
+        RenderInline {SPAN} at (0,0) size 74x17 [bgcolor=#000000]
+          RenderText {TEXT} at (104,17) size 64x17
+            text run at (104,17) width 64: "class one"
+        RenderText {TEXT} at (178,17) size 436x17
+          text run at (178,17) width 177: ", which should have a 10-"
+          text run at (355,17) width 259: "pixel purple double right border; and "
+        RenderInline {SPAN} at (0,0) size 64x17 [bgcolor=#000000]
+          RenderText {TEXT} at (614,17) size 63x17
+            text run at (614,17) width 63: "class two"
+        RenderText {TEXT} at (678,17) size 743x51
+          text run at (678,17) width 49: ", which"
+          text run at (0,34) width 306: "should have a thin solid purple right border. "
+          text run at (306,34) width 437: "The line-height of the parent element should not change on any"
+          text run at (0,51) width 30: "line."
+      RenderTable {TABLE} at (0,207) size 784x103 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x101
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,50) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 770x76 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 742x68 [bgcolor=#C0C0C0]
+                RenderText {TEXT} at (0,0) size 741x34
+                  text run at (0,0) width 399: "This paragraph has a background color of silver and a 20-"
+                  text run at (399,0) width 342: "pixel right margin, and it contains inline elements"
+                  text run at (0,17) width 104: "with classes of "
+                RenderInline {SPAN} at (0,0) size 74x17 [bgcolor=#000000]
+                  RenderText {TEXT} at (104,17) size 64x17
+                    text run at (104,17) width 64: "class one"
+                RenderText {TEXT} at (178,17) size 436x17
+                  text run at (178,17) width 177: ", which should have a 10-"
+                  text run at (355,17) width 259: "pixel purple double right border; and "
+                RenderInline {SPAN} at (0,0) size 64x17 [bgcolor=#000000]
+                  RenderText {TEXT} at (614,17) size 63x17
+                    text run at (614,17) width 63: "class two"
+                RenderText {TEXT} at (678,17) size 727x51
+                  text run at (678,17) width 49: ", which"
+                  text run at (0,34) width 306: "should have a thin solid purple right border. "
+                  text run at (306,34) width 409: "The line-height of the parent element should not change on"
+                  text run at (0,51) width 58: "any line."
diff --git a/LayoutTests/css1/box_properties/border_right.html b/LayoutTests/css1/box_properties/border_right.html
new file mode 100644 (file)
index 0000000..ca57578
--- /dev/null
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.19 border-right</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+P {margin-right: 20px;}
+.one {border-right: purple double 10px;}
+.two {border-right: purple thin solid;}
+</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>P {margin-right: 20px;}
+.one {border-right: purple double 10px;}
+.two {border-right: purple thin solid;}
+
+</PRE>
+<HR>
+<P style="background-color: silver;">
+This paragraph has a background color of silver and a 20-pixel right margin, and it contains inline elements with classes of <SPAN class="one">class one</SPAN>, which should have a 10-pixel purple double right border; and <SPAN class="two">class two</SPAN>, which should have a thin solid purple right border.  The line-height of the parent element should not change on any line.
+</P>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P style="background-color: silver;">
+This paragraph has a background color of silver and a 20-pixel right margin, and it contains inline elements with classes of <SPAN class="one">class one</SPAN>, which should have a 10-pixel purple double right border; and <SPAN class="two">class two</SPAN>, which should have a thin solid purple right border.  The line-height of the parent element should not change on any line.
+</P>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/border_right_inline-expected.txt b/LayoutTests/css1/box_properties/border_right_inline-expected.txt
new file mode 100644 (file)
index 0000000..8f32166
--- /dev/null
@@ -0,0 +1,169 @@
+layer at (0,0) size 800x1046
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x1046
+  RenderBlock {HTML} at (0,0) size 800x1046
+    RenderBody {BODY} at (8,8) size 784x1030 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 764x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x112 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 352x112
+          text run at (0,0) width 152: "P {margin-right: 20"
+          text run at (152,0) width 32: "px;}"
+          text run at (0,16) width 288: ".one {border-right: purple double 10"
+          text run at (288,16) width 32: "px;}"
+          text run at (0,32) width 312: ".two {border-right: purple thin solid;}"
+          text run at (0,48) width 344: ".threea {border-right: black medium solid;}"
+          text run at (0,64) width 352: ".threeb {border-right: purple medium solid;}"
+          text run at (0,80) width 336: ".threec {border-right: blue medium solid;}"
+          text run at (0,96) width 200: "TD {border-right: green 2"
+          text run at (200,96) width 80: "px solid;}"
+      RenderBlock {HR} at (1,157) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,173) size 764x34 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 737x34
+          text run at (0,0) width 708: "Note that all table cells on this page should have a two-pixel solid green border along their right sides. "
+          text run at (708,0) width 29: "This"
+          text run at (0,17) width 449: "border applies only to the cells, not the rows which contain them."
+      RenderBlock {P} at (0,221) size 764x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 466x17
+          text run at (0,0) width 340: "This paragraph should have a purple, double, 10-"
+          text run at (340,0) width 126: "pixel right border."
+      RenderBlock {P} at (0,252) size 764x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 372x17
+          text run at (0,0) width 372: "This paragraph should have a thin purple right border."
+      RenderTable {TABLE} at (0,283) size 784x103 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x101
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (5,5) size 772x38 [r=0 c=0 rs=1 cs=2]
+              RenderText {TEXT} at (2,2) size 724x34
+                text run at (2,2) width 268: "Every cell in this table should have a 2-"
+                text run at (270,2) width 210: "pixel solid green right border. "
+                text run at (480,2) width 246: "This is also true of the table-testing"
+                text run at (2,19) width 292: "section in the second half of the test page."
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (5,61) size 191x21 [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (2,2) size 56x17
+                text run at (2,2) width 56: "Cell one"
+            RenderTableCell {TD} at (201,48) size 576x48 [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (2,2) size 571x17
+                RenderText {TEXT} at (0,0) size 55x17
+                  text run at (0,0) width 55: "Cell two"
+              RenderTable {TABLE} at (2,19) size 178x27
+                RenderTableSection {TBODY} at (1,1) size 0x25
+                  RenderTableRow {TR} at (0,0) size 0x0
+                    RenderTableCell {TD} at (2,2) size 172x21 [r=0 c=0 rs=1 cs=1]
+                      RenderText {TEXT} at (2,2) size 167x17
+                        text run at (2,2) width 167: "Nested single-cell table!"
+      RenderBlock {UL} at (0,400) size 784x170 [bgcolor=#000000]
+        RenderListItem {LI} at (40,0) size 744x68
+          RenderBlock (anonymous) at (0,0) size 741x17
+            RenderListMarker at (0,0) size 0x14
+            RenderText {TEXT} at (0,0) size 132x17
+              text run at (0,0) width 132: "This is a list item..."
+          RenderBlock {UL} at (0,17) size 741x51
+            RenderListItem {LI} at (40,0) size 701x17
+              RenderListMarker at (0,0) size 0x14
+              RenderText {TEXT} at (0,0) size 86x17
+                text run at (0,0) width 86: "...and this..."
+            RenderListItem {LI} at (40,17) size 701x17
+              RenderListMarker at (0,0) size 0x14
+              RenderText {TEXT} at (0,0) size 132x17
+                text run at (0,0) width 132: "...is a second list..."
+            RenderListItem {LI} at (40,34) size 701x17
+              RenderListMarker at (0,0) size 0x14
+              RenderText {TEXT} at (0,0) size 198x17
+                text run at (0,0) width 198: "...nested within the list item."
+        RenderListItem {LI} at (40,68) size 744x17
+          RenderListMarker at (0,0) size 0x14
+          RenderText {TEXT} at (0,0) size 175x17
+            text run at (0,0) width 175: "This is a second list item."
+        RenderListItem {LI} at (40,85) size 744x85
+          RenderListMarker at (0,0) size 0x14
+          RenderText {TEXT} at (0,0) size 735x85
+            text run at (0,0) width 721: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of three"
+            text run at (0,17) width 51: "colors. "
+            text run at (51,17) width 682: "The first item's border should travel the entire height the nested list (to end near the baseline of the"
+            text run at (0,34) width 691: "line \"...nested within the list item.\"), even though the nested list does not have any border styles set. "
+            text run at (691,34) width 26: "The"
+            text run at (0,51) width 735: "borders should line up together at the right edge of the document's body, as each list element has a default"
+            text run at (0,68) width 101: "width of 100%."
+      RenderTable {TABLE} at (0,584) size 784x446 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x444
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,222) size 13x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (13,25) size 769x419 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 740x34
+                RenderText {TEXT} at (0,0) size 737x34
+                  text run at (0,0) width 708: "Note that all table cells on this page should have a two-pixel solid green border along their right sides. "
+                  text run at (708,0) width 29: "This"
+                  text run at (0,17) width 449: "border applies only to the cells, not the rows which contain them."
+              RenderBlock {P} at (4,52) size 740x17
+                RenderText {TEXT} at (0,0) size 466x17
+                  text run at (0,0) width 340: "This paragraph should have a purple, double, 10-"
+                  text run at (340,0) width 126: "pixel right border."
+              RenderBlock {P} at (4,83) size 740x17
+                RenderText {TEXT} at (0,0) size 372x17
+                  text run at (0,0) width 372: "This paragraph should have a thin purple right border."
+              RenderTable {TABLE} at (4,114) size 760x103
+                RenderTableSection {TBODY} at (1,1) size 0x101
+                  RenderTableRow {TR} at (0,0) size 0x0
+                    RenderTableCell {TD} at (5,5) size 748x38 [r=0 c=0 rs=1 cs=2]
+                      RenderText {TEXT} at (2,2) size 724x34
+                        text run at (2,2) width 268: "Every cell in this table should have a 2-"
+                        text run at (270,2) width 210: "pixel solid green right border. "
+                        text run at (480,2) width 246: "This is also true of the table-testing"
+                        text run at (2,19) width 292: "section in the second half of the test page."
+                  RenderTableRow {TR} at (0,0) size 0x0
+                    RenderTableCell {TD} at (5,61) size 185x21 [r=1 c=0 rs=1 cs=1]
+                      RenderText {TEXT} at (2,2) size 56x17
+                        text run at (2,2) width 56: "Cell one"
+                    RenderTableCell {TD} at (195,48) size 558x48 [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (2,2) size 553x17
+                        RenderText {TEXT} at (0,0) size 55x17
+                          text run at (0,0) width 55: "Cell two"
+                      RenderTable {TABLE} at (2,19) size 178x27
+                        RenderTableSection {TBODY} at (1,1) size 0x25
+                          RenderTableRow {TR} at (0,0) size 0x0
+                            RenderTableCell {TD} at (2,2) size 172x21 [r=0 c=0 rs=1 cs=1]
+                              RenderText {TEXT} at (2,2) size 167x17
+                                text run at (2,2) width 167: "Nested single-cell table!"
+              RenderBlock {UL} at (4,231) size 760x170
+                RenderListItem {LI} at (40,0) size 720x68
+                  RenderBlock (anonymous) at (0,0) size 717x17
+                    RenderListMarker at (0,0) size 0x14
+                    RenderText {TEXT} at (0,0) size 132x17
+                      text run at (0,0) width 132: "This is a list item..."
+                  RenderBlock {UL} at (0,17) size 717x51
+                    RenderListItem {LI} at (40,0) size 677x17
+                      RenderListMarker at (0,0) size 0x14
+                      RenderText {TEXT} at (0,0) size 86x17
+                        text run at (0,0) width 86: "...and this..."
+                    RenderListItem {LI} at (40,17) size 677x17
+                      RenderListMarker at (0,0) size 0x14
+                      RenderText {TEXT} at (0,0) size 132x17
+                        text run at (0,0) width 132: "...is a second list..."
+                    RenderListItem {LI} at (40,34) size 677x17
+                      RenderListMarker at (0,0) size 0x14
+                      RenderText {TEXT} at (0,0) size 198x17
+                        text run at (0,0) width 198: "...nested within the list item."
+                RenderListItem {LI} at (40,68) size 720x17
+                  RenderListMarker at (0,0) size 0x14
+                  RenderText {TEXT} at (0,0) size 175x17
+                    text run at (0,0) width 175: "This is a second list item."
+                RenderListItem {LI} at (40,85) size 720x85
+                  RenderListMarker at (0,0) size 0x14
+                  RenderText {TEXT} at (0,0) size 712x85
+                    text run at (0,0) width 681: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of"
+                    text run at (0,17) width 91: "three colors. "
+                    text run at (91,17) width 577: "The first item's border should travel the entire height the nested list (to end near the"
+                    text run at (0,34) width 669: "baseline of the line \"...nested within the list item.\"), even though the nested list does not have any"
+                    text run at (0,51) width 123: "border styles set. "
+                    text run at (123,51) width 589: "The borders should line up together at the right edge of the document's body, as each"
+                    text run at (0,68) width 277: "list element has a default width of 100%."
diff --git a/LayoutTests/css1/box_properties/border_right_inline.html b/LayoutTests/css1/box_properties/border_right_inline.html
new file mode 100644 (file)
index 0000000..ec8e58a
--- /dev/null
@@ -0,0 +1,103 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.19 border-right</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+P {margin-right: 20px;}
+.one {border-right: purple double 10px;}
+.two {border-right: purple thin solid;}
+.threea {border-right: black medium solid;}
+.threeb {border-right: purple medium solid;}
+.threec {border-right: blue medium solid;}
+TD {border-right: green 2px solid;}</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>P {margin-right: 20px;}
+.one {border-right: purple double 10px;}
+.two {border-right: purple thin solid;}
+.threea {border-right: black medium solid;}
+.threeb {border-right: purple medium solid;}
+.threec {border-right: blue medium solid;}
+TD {border-right: green 2px solid;}
+</PRE>
+<HR>
+<P>
+Note that all table cells on this page should have a two-pixel solid green border along their right sides.  This border applies only to the cells, not the rows which contain them.
+</P>
+
+<P class="one">
+This paragraph should have a purple, double, 10-pixel right border.
+</P>
+<P class="two">
+This paragraph should have a thin purple right border.
+</P>
+
+<TABLE cellspacing="5" border>
+<TR>
+<TD colspan="2">Every cell in this table should have a 2-pixel solid green right border.  This is also true of the table-testing section in the second half of the test page.
+</TD>
+</TR>
+<TR>
+<TD>Cell one</TD><TD>Cell two<TABLE border><TR><TD>Nested single-cell table!</TD></TR></TABLE></TD>
+</TR>
+</TABLE>
+
+<UL>
+<LI class="threea">This is a list item...
+<UL>
+<LI>...and this...
+<LI>...is a second list...
+<LI>...nested within the list item.
+</UL>
+</LI>
+<LI class="threeb">This is a second list item.</LI>
+<LI class="threec">Each list item in this 'parent' list should have a medium-width border along its right side, in each of three colors.  The first item's border should travel the entire height the nested list (to end near the baseline of the line "...nested within the list item."), even though the nested list does not have any border styles set.  The borders should line up together at the right edge of the document's body, as each list element has a default width of 100%.
+</UL>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P>
+Note that all table cells on this page should have a two-pixel solid green border along their right sides.  This border applies only to the cells, not the rows which contain them.
+</P>
+
+<P class="one">
+This paragraph should have a purple, double, 10-pixel right border.
+</P>
+<P class="two">
+This paragraph should have a thin purple right border.
+</P>
+
+<TABLE cellspacing="5" border>
+<TR>
+<TD colspan="2">Every cell in this table should have a 2-pixel solid green right border.  This is also true of the table-testing section in the second half of the test page.
+</TD>
+</TR>
+<TR>
+<TD>Cell one</TD><TD>Cell two<TABLE border><TR><TD>Nested single-cell table!</TD></TR></TABLE></TD>
+</TR>
+</TABLE>
+
+<UL>
+<LI class="threea">This is a list item...
+<UL>
+<LI>...and this...
+<LI>...is a second list...
+<LI>...nested within the list item.
+</UL>
+</LI>
+<LI class="threeb">This is a second list item.</LI>
+<LI class="threec">Each list item in this 'parent' list should have a medium-width border along its right side, in each of three colors.  The first item's border should travel the entire height the nested list (to end near the baseline of the line "...nested within the list item."), even though the nested list does not have any border styles set.  The borders should line up together at the right edge of the document's body, as each list element has a default width of 100%.
+</UL>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/border_right_width-expected.txt b/LayoutTests/css1/box_properties/border_right_width-expected.txt
new file mode 100644 (file)
index 0000000..6f43ab1
--- /dev/null
@@ -0,0 +1,101 @@
+layer at (0,0) size 800x812
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x812
+  RenderBlock {HTML} at (0,0) size 800x812
+    RenderBody {BODY} at (8,8) size 784x796 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x96 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 456x96
+          text run at (0,0) width 448: ".zero {background-color: silver; border-right-width: 0;}"
+          text run at (0,16) width 224: ".one {border-right-width: 25"
+          text run at (224,16) width 200: "px; border-style: solid;}"
+          text run at (0,32) width 432: ".two {border-right-width: thick; border-style: solid;}"
+          text run at (0,48) width 456: ".three {border-right-width: medium; border-style: solid;}"
+          text run at (0,64) width 432: ".four {border-right-width: thin; border-style: solid;}"
+          text run at (0,80) width 240: ".five {border-right-width: 100"
+          text run at (240,80) width 32: "px;}"
+      RenderBlock {HR} at (1,141) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,157) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 161x17
+          text run at (0,0) width 161: "(These will only work if "
+        RenderInline {CODE} at (0,0) size 96x16
+          RenderText {TEXT} at (161,1) size 96x16
+            text run at (161,1) width 96: "border-style"
+        RenderText {TEXT} at (257,0) size 100x17
+          text run at (257,0) width 100: " is supported.)"
+      RenderBlock {P} at (0,188) size 784x17 [bgcolor=#C0C0C0]
+        RenderText {TEXT} at (0,0) size 224x17
+          text run at (0,0) width 224: "This element has a class of zero."
+      RenderBlock {P} at (0,219) size 784x40 [bgcolor=#000000]
+        RenderText {TEXT} at (3,3) size 750x34
+          text run at (3,3) width 750: "This element should have a right border width of 25 pixels, which will be more obvious if the element is more"
+          text run at (3,20) width 130: "than one line long."
+      RenderBlock {P} at (0,273) size 784x40 [bgcolor=#000000]
+        RenderText {TEXT} at (3,3) size 768x34
+          text run at (3,3) width 768: "This element should have a thick right border width, which will be more obvious if the element is more than one"
+          text run at (3,20) width 65: "line long."
+      RenderBlock {P} at (0,327) size 784x40 [bgcolor=#000000]
+        RenderText {TEXT} at (3,3) size 760x34
+          text run at (3,3) width 760: "This element should have a medium right border width, which will be more obvious if the element is more than"
+          text run at (3,20) width 95: "one line long."
+      RenderBlock {P} at (0,381) size 784x40 [bgcolor=#000000]
+        RenderText {TEXT} at (3,3) size 761x34
+          text run at (3,3) width 761: "This element should have a thin right border width, which will be more obvious if the element is more than one"
+          text run at (3,20) width 65: "line long."
+      RenderBlock {P} at (0,435) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 571x17
+          text run at (0,0) width 571: "This element should have no border and no extra \"padding\" on its right side, as no "
+        RenderInline {CODE} at (0,0) size 96x16
+          RenderText {TEXT} at (571,1) size 96x16
+            text run at (571,1) width 96: "border-style"
+        RenderText {TEXT} at (667,0) size 60x17
+          text run at (667,0) width 60: " was set."
+      RenderTable {TABLE} at (0,466) size 784x330 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x328
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,164) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 770x303 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x17
+                RenderText {TEXT} at (0,0) size 161x17
+                  text run at (0,0) width 161: "(These will only work if "
+                RenderInline {CODE} at (0,0) size 96x16
+                  RenderText {TEXT} at (161,1) size 96x16
+                    text run at (161,1) width 96: "border-style"
+                RenderText {TEXT} at (257,0) size 100x17
+                  text run at (257,0) width 100: " is supported.)"
+              RenderBlock {P} at (4,35) size 762x17 [bgcolor=#C0C0C0]
+                RenderText {TEXT} at (0,0) size 224x17
+                  text run at (0,0) width 224: "This element has a class of zero."
+              RenderBlock {P} at (4,66) size 762x40
+                RenderText {TEXT} at (3,3) size 710x34
+                  text run at (3,3) width 710: "This element should have a right border width of 25 pixels, which will be more obvious if the element is"
+                  text run at (3,20) width 170: "more than one line long."
+              RenderBlock {P} at (4,120) size 762x40
+                RenderText {TEXT} at (3,3) size 738x34
+                  text run at (3,3) width 738: "This element should have a thick right border width, which will be more obvious if the element is more than"
+                  text run at (3,20) width 95: "one line long."
+              RenderBlock {P} at (4,174) size 762x40
+                RenderText {TEXT} at (3,3) size 725x34
+                  text run at (3,3) width 725: "This element should have a medium right border width, which will be more obvious if the element is more"
+                  text run at (3,20) width 130: "than one line long."
+              RenderBlock {P} at (4,228) size 762x40
+                RenderText {TEXT} at (3,3) size 731x34
+                  text run at (3,3) width 731: "This element should have a thin right border width, which will be more obvious if the element is more than"
+                  text run at (3,20) width 95: "one line long."
+              RenderBlock {P} at (4,282) size 762x17
+                RenderText {TEXT} at (0,0) size 571x17
+                  text run at (0,0) width 571: "This element should have no border and no extra \"padding\" on its right side, as no "
+                RenderInline {CODE} at (0,0) size 96x16
+                  RenderText {TEXT} at (571,1) size 96x16
+                    text run at (571,1) width 96: "border-style"
+                RenderText {TEXT} at (667,0) size 60x17
+                  text run at (667,0) width 60: " was set."
diff --git a/LayoutTests/css1/box_properties/border_right_width.html b/LayoutTests/css1/box_properties/border_right_width.html
new file mode 100644 (file)
index 0000000..8544974
--- /dev/null
@@ -0,0 +1,79 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.12 border-right-width</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+.zero {background-color: silver; border-right-width: 0;}
+.one {border-right-width: 25px; border-style: solid;}
+.two {border-right-width: thick; border-style: solid;}
+.three {border-right-width: medium; border-style: solid;}
+.four {border-right-width: thin; border-style: solid;}
+.five {border-right-width: 100px;}</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>.zero {background-color: silver; border-right-width: 0;}
+.one {border-right-width: 25px; border-style: solid;}
+.two {border-right-width: thick; border-style: solid;}
+.three {border-right-width: medium; border-style: solid;}
+.four {border-right-width: thin; border-style: solid;}
+.five {border-right-width: 100px;}
+</PRE>
+<HR>
+<P>
+(These will only work if <CODE>border-style</CODE> is supported.)
+</P>
+<P class="zero">
+This element has a class of zero.
+</P>
+<P class="one">
+This element should have a right border width of 25 pixels, which will be more obvious if the element is more than one line long.
+</P>
+<P class="two">
+This element should have a thick right border width, which will be more obvious if the element is more than one line long.
+</P>
+<P class="three">
+This element should have a medium right border width, which will be more obvious if the element is more than one line long.
+</P>
+<P class="four">
+This element should have a thin right border width, which will be more obvious if the element is more than one line long.
+</P>
+<P class="five">
+This element should have no border and no extra "padding" on its right side, as no <CODE>border-style</CODE> was set.
+</P>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P>
+(These will only work if <CODE>border-style</CODE> is supported.)
+</P>
+<P class="zero">
+This element has a class of zero.
+</P>
+<P class="one">
+This element should have a right border width of 25 pixels, which will be more obvious if the element is more than one line long.
+</P>
+<P class="two">
+This element should have a thick right border width, which will be more obvious if the element is more than one line long.
+</P>
+<P class="three">
+This element should have a medium right border width, which will be more obvious if the element is more than one line long.
+</P>
+<P class="four">
+This element should have a thin right border width, which will be more obvious if the element is more than one line long.
+</P>
+<P class="five">
+This element should have no border and no extra "padding" on its right side, as no <CODE>border-style</CODE> was set.
+</P>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/border_right_width_inline-expected.txt b/LayoutTests/css1/box_properties/border_right_width_inline-expected.txt
new file mode 100644 (file)
index 0000000..88b235f
--- /dev/null
@@ -0,0 +1,96 @@
+layer at (0,0) size 800x600
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x322
+  RenderBlock {HTML} at (0,0) size 800x322
+    RenderBody {BODY} at (8,8) size 784x306 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x48 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 424x48
+          text run at (0,0) width 224: ".one {border-right-width: 25"
+          text run at (224,0) width 200: "px; border-style: solid;}"
+          text run at (0,16) width 424: ".two {border-right-width: thin; border-style: solid;}"
+          text run at (0,32) width 240: ".three {border-right-width: 25"
+          text run at (240,32) width 32: "px;}"
+      RenderBlock {HR} at (1,93) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,109) size 784x74 [bgcolor=#000000]
+        RenderText {TEXT} at (3,3) size 188x17
+          text run at (3,3) width 188: "This element has a class of "
+        RenderInline {TT} at (0,0) size 24x16
+          RenderText {TEXT} at (191,4) size 24x16
+            text run at (191,4) width 24: "one"
+        RenderText {TEXT} at (215,3) size 174x17
+          text run at (215,3) width 9: ". "
+          text run at (224,3) width 165: "However, it contains an "
+        RenderInline {SPAN} at (0,0) size 185x23
+          RenderText {TEXT} at (392,3) size 157x17
+            text run at (392,3) width 157: "inline element of class "
+          RenderInline {TT} at (0,0) size 24x16
+            RenderText {TEXT} at (549,4) size 24x16
+              text run at (549,4) width 24: "two"
+        RenderText {TEXT} at (574,3) size 742x34
+          text run at (574,3) width 171: ", which should result in a"
+          text run at (3,20) width 279: "thin solid border on the right side of the "
+        RenderInline {STRONG} at (0,0) size 27x17
+          RenderText {TEXT} at (282,20) size 27x17
+            text run at (282,20) width 27: "last"
+        RenderText {TEXT} at (309,20) size 725x34
+          text run at (309,20) width 419: " box of the inline element (and the UA's default border on the"
+          text run at (3,37) width 130: "other three sides). "
+          text run at (133,37) width 112: "There is also an "
+        RenderInline {SPAN} at (0,0) size 197x17
+          RenderText {TEXT} at (245,37) size 157x17
+            text run at (245,37) width 157: "inline element of class "
+          RenderInline {TT} at (0,0) size 40x16
+            RenderText {TEXT} at (402,38) size 40x16
+              text run at (402,38) width 40: "three"
+        RenderText {TEXT} at (442,37) size 744x34
+          text run at (442,37) width 305: ", which should have no right border width or"
+          text run at (3,54) width 322: "visible border because no border style was set."
+      RenderTable {TABLE} at (0,197) size 784x109 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x107
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,53) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 770x82 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x74
+                RenderText {TEXT} at (3,3) size 188x17
+                  text run at (3,3) width 188: "This element has a class of "
+                RenderInline {TT} at (0,0) size 24x16
+                  RenderText {TEXT} at (191,4) size 24x16
+                    text run at (191,4) width 24: "one"
+                RenderText {TEXT} at (215,3) size 174x17
+                  text run at (215,3) width 9: ". "
+                  text run at (224,3) width 165: "However, it contains an "
+                RenderInline {SPAN} at (0,0) size 185x23
+                  RenderText {TEXT} at (392,3) size 157x17
+                    text run at (392,3) width 157: "inline element of class "
+                  RenderInline {TT} at (0,0) size 24x16
+                    RenderText {TEXT} at (549,4) size 24x16
+                      text run at (549,4) width 24: "two"
+                RenderText {TEXT} at (574,3) size 730x34
+                  text run at (574,3) width 159: ", which should result in"
+                  text run at (3,20) width 291: "a thin solid border on the right side of the "
+                RenderInline {STRONG} at (0,0) size 27x17
+                  RenderText {TEXT} at (294,20) size 27x17
+                    text run at (294,20) width 27: "last"
+                RenderText {TEXT} at (321,20) size 711x34
+                  text run at (321,20) width 393: " box of the inline element (and the UA's default border on"
+                  text run at (3,37) width 156: "the other three sides). "
+                  text run at (159,37) width 112: "There is also an "
+                RenderInline {SPAN} at (0,0) size 197x17
+                  RenderText {TEXT} at (271,37) size 157x17
+                    text run at (271,37) width 157: "inline element of class "
+                  RenderInline {TT} at (0,0) size 40x16
+                    RenderText {TEXT} at (428,38) size 40x16
+                      text run at (428,38) width 40: "three"
+                RenderText {TEXT} at (468,37) size 709x34
+                  text run at (468,37) width 244: ", which should have no right border"
+                  text run at (3,54) width 383: "width or visible border because no border style was set."
diff --git a/LayoutTests/css1/box_properties/border_right_width_inline.html b/LayoutTests/css1/box_properties/border_right_width_inline.html
new file mode 100644 (file)
index 0000000..ab159dd
--- /dev/null
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.12 border-right-width</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+.one {border-right-width: 25px; border-style: solid;}
+.two {border-right-width: thin; border-style: solid;}
+.three {border-right-width: 25px;}</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>.one {border-right-width: 25px; border-style: solid;}
+.two {border-right-width: thin; border-style: solid;}
+.three {border-right-width: 25px;}
+</PRE>
+<HR>
+<P class="one">
+This element has a class of <TT>one</TT>.  However, it contains an <SPAN class="two">inline element of class <TT>two</TT></SPAN>, which should result in a thin solid border on the right side of the <STRONG>last</STRONG> box of the inline element (and the UA's default border on the other three sides).  There is also an <SPAN class="three">inline element of class <TT>three</TT></SPAN>, which should have no right border width or visible border because no border style was set.
+</P>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P class="one">
+This element has a class of <TT>one</TT>.  However, it contains an <SPAN class="two">inline element of class <TT>two</TT></SPAN>, which should result in a thin solid border on the right side of the <STRONG>last</STRONG> box of the inline element (and the UA's default border on the other three sides).  There is also an <SPAN class="three">inline element of class <TT>three</TT></SPAN>, which should have no right border width or visible border because no border style was set.
+</P>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/border_style-expected.txt b/LayoutTests/css1/box_properties/border_style-expected.txt
new file mode 100644 (file)
index 0000000..90c4eaf
--- /dev/null
@@ -0,0 +1,108 @@
+layer at (0,0) size 800x1240
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x1240
+  RenderBlock {HTML} at (0,0) size 800x1240
+    RenderBody {BODY} at (8,8) size 784x1224 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x192 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 632x192
+          text run at (0,0) width 560: ".one {border-style: dotted; border-color: black; border-width: thick;}"
+          text run at (0,16) width 560: ".two {border-style: dashed; border-color: black; border-width: thick;}"
+          text run at (0,32) width 568: ".three {border-style: solid; border-color: black; border-width: thick;}"
+          text run at (0,48) width 568: ".four {border-style: double; border-color: black; border-width: thick;}"
+          text run at (0,64) width 568: ".five {border-style: groove; border-color: olive; border-width: thick;}"
+          text run at (0,80) width 552: ".six {border-style: ridge; border-color: olive; border-width: thick;}"
+          text run at (0,96) width 568: ".seven {border-style: inset; border-color: olive; border-width: thick;}"
+          text run at (0,112) width 576: ".eight {border-style: outset; border-color: olive; border-width: thick;}"
+          text run at (0,128) width 632: ".nine {border-style: double groove; border-color: purple; border-width: thick;}"
+          text run at (0,144) width 368: ".ten {border-style: double groove ridge inset;"
+          text run at (0,160) width 368: "   border-color: purple; border-width: thick;}"
+          text run at (0,176) width 552: ".eleven {border-style: none; border-color: red; border-width: thick;}"
+      RenderBlock {HR} at (1,237) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,253) size 784x27 [bgcolor=#000000]
+        RenderText {TEXT} at (5,5) size 512x17
+          text run at (5,5) width 512: "This paragraph should have a thick black dotted border all the way around."
+      RenderBlock {P} at (0,294) size 784x27 [bgcolor=#000000]
+        RenderText {TEXT} at (5,5) size 516x17
+          text run at (5,5) width 516: "This paragraph should have a thick black dashed border all the way around."
+      RenderBlock {P} at (0,335) size 784x27 [bgcolor=#000000]
+        RenderText {TEXT} at (5,5) size 500x17
+          text run at (5,5) width 500: "This paragraph should have a thick black solid border all the way around."
+      RenderBlock {P} at (0,376) size 784x27 [bgcolor=#000000]
+        RenderText {TEXT} at (5,5) size 514x17
+          text run at (5,5) width 514: "This paragraph should have a thick black double border all the way around."
+      RenderBlock {P} at (0,417) size 784x27 [bgcolor=#000000]
+        RenderText {TEXT} at (5,5) size 510x17
+          text run at (5,5) width 510: "This paragraph should have a thick olive groove border all the way around."
+      RenderBlock {P} at (0,458) size 784x27 [bgcolor=#000000]
+        RenderText {TEXT} at (5,5) size 499x17
+          text run at (5,5) width 499: "This paragraph should have a thick olive ridge border all the way around."
+      RenderBlock {P} at (0,499) size 784x27 [bgcolor=#000000]
+        RenderText {TEXT} at (5,5) size 496x17
+          text run at (5,5) width 496: "This paragraph should have a thick olive inset border all the way around."
+      RenderBlock {P} at (0,540) size 784x27 [bgcolor=#000000]
+        RenderText {TEXT} at (5,5) size 506x17
+          text run at (5,5) width 506: "This paragraph should have a thick olive outset border all the way around."
+      RenderBlock {P} at (0,581) size 784x44 [bgcolor=#000000]
+        RenderText {TEXT} at (5,5) size 760x34
+          text run at (5,5) width 677: "This paragraph should have thick double top and bottom borders, and thick grooved side borders. "
+          text run at (682,5) width 83: "The color of"
+          text run at (5,22) width 279: "all four sides should be based on purple."
+      RenderBlock {P} at (0,639) size 784x44 [bgcolor=#000000]
+        RenderText {TEXT} at (5,5) size 766x34
+          text run at (5,5) width 766: "This paragraph should have, in clockwise order from the top, a double, grooved, ridged, and inset thick border. "
+          text run at (5,22) width 366: "The color of all four sides should be based on purple."
+      RenderBlock {P} at (0,697) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 303x17
+          text run at (0,0) width 303: "This paragraph should have no border at all."
+      RenderTable {TABLE} at (0,728) size 784x496 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x494
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,247) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 770x469 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x27
+                RenderText {TEXT} at (5,5) size 512x17
+                  text run at (5,5) width 512: "This paragraph should have a thick black dotted border all the way around."
+              RenderBlock {P} at (4,45) size 762x27
+                RenderText {TEXT} at (5,5) size 516x17
+                  text run at (5,5) width 516: "This paragraph should have a thick black dashed border all the way around."
+              RenderBlock {P} at (4,86) size 762x27
+                RenderText {TEXT} at (5,5) size 500x17
+                  text run at (5,5) width 500: "This paragraph should have a thick black solid border all the way around."
+              RenderBlock {P} at (4,127) size 762x27
+                RenderText {TEXT} at (5,5) size 514x17
+                  text run at (5,5) width 514: "This paragraph should have a thick black double border all the way around."
+              RenderBlock {P} at (4,168) size 762x27
+                RenderText {TEXT} at (5,5) size 510x17
+                  text run at (5,5) width 510: "This paragraph should have a thick olive groove border all the way around."
+              RenderBlock {P} at (4,209) size 762x27
+                RenderText {TEXT} at (5,5) size 499x17
+                  text run at (5,5) width 499: "This paragraph should have a thick olive ridge border all the way around."
+              RenderBlock {P} at (4,250) size 762x27
+                RenderText {TEXT} at (5,5) size 496x17
+                  text run at (5,5) width 496: "This paragraph should have a thick olive inset border all the way around."
+              RenderBlock {P} at (4,291) size 762x27
+                RenderText {TEXT} at (5,5) size 506x17
+                  text run at (5,5) width 506: "This paragraph should have a thick olive outset border all the way around."
+              RenderBlock {P} at (4,332) size 762x44
+                RenderText {TEXT} at (5,5) size 742x34
+                  text run at (5,5) width 677: "This paragraph should have thick double top and bottom borders, and thick grooved side borders. "
+                  text run at (682,5) width 65: "The color"
+                  text run at (5,22) width 297: "of all four sides should be based on purple."
+              RenderBlock {P} at (4,390) size 762x44
+                RenderText {TEXT} at (5,5) size 707x34
+                  text run at (5,5) width 707: "This paragraph should have, in clockwise order from the top, a double, grooved, ridged, and inset thick"
+                  text run at (5,22) width 55: "border. "
+                  text run at (60,22) width 366: "The color of all four sides should be based on purple."
+              RenderBlock {P} at (4,448) size 762x17
+                RenderText {TEXT} at (0,0) size 303x17
+                  text run at (0,0) width 303: "This paragraph should have no border at all."
diff --git a/LayoutTests/css1/box_properties/border_style.html b/LayoutTests/css1/box_properties/border_style.html
new file mode 100644 (file)
index 0000000..faa3535
--- /dev/null
@@ -0,0 +1,115 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.17 border-style</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+.one {border-style: dotted; border-color: black; border-width: thick;}
+.two {border-style: dashed; border-color: black; border-width: thick;}
+.three {border-style: solid; border-color: black; border-width: thick;}
+.four {border-style: double; border-color: black; border-width: thick;}
+.five {border-style: groove; border-color: olive; border-width: thick;}
+.six {border-style: ridge; border-color: olive; border-width: thick;}
+.seven {border-style: inset; border-color: olive; border-width: thick;}
+.eight {border-style: outset; border-color: olive; border-width: thick;}
+.nine {border-style: double groove; border-color: purple; border-width: thick;}
+.ten {border-style: double groove ridge inset;
+   border-color: purple; border-width: thick;}
+.eleven {border-style: none; border-color: red; border-width: thick;}</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>.one {border-style: dotted; border-color: black; border-width: thick;}
+.two {border-style: dashed; border-color: black; border-width: thick;}
+.three {border-style: solid; border-color: black; border-width: thick;}
+.four {border-style: double; border-color: black; border-width: thick;}
+.five {border-style: groove; border-color: olive; border-width: thick;}
+.six {border-style: ridge; border-color: olive; border-width: thick;}
+.seven {border-style: inset; border-color: olive; border-width: thick;}
+.eight {border-style: outset; border-color: olive; border-width: thick;}
+.nine {border-style: double groove; border-color: purple; border-width: thick;}
+.ten {border-style: double groove ridge inset;
+   border-color: purple; border-width: thick;}
+.eleven {border-style: none; border-color: red; border-width: thick;}
+</PRE>
+<HR>
+<P class="one">
+This paragraph should have a thick black dotted border all the way around.
+</P>
+<P class="two">
+This paragraph should have a thick black dashed border all the way around.
+</P>
+<P class="three">
+This paragraph should have a thick black solid border all the way around.
+</P>
+<P class="four">
+This paragraph should have a thick black double border all the way around.
+</P>
+<P class="five">
+This paragraph should have a thick olive groove border all the way around.
+</P>
+<P class="six">
+This paragraph should have a thick olive ridge border all the way around.
+</P>
+<P class="seven">
+This paragraph should have a thick olive inset border all the way around.
+</P>
+<P class="eight">
+This paragraph should have a thick olive outset border all the way around.
+</P>
+<P class="nine">
+This paragraph should have thick double top and bottom borders, and thick grooved side borders.  The color of all four sides should be based on purple.
+</P>
+<P class="ten">
+This paragraph should have, in clockwise order from the top, a double, grooved, ridged, and inset thick border.  The color of all four sides should be based on purple.
+</P>
+<P class="eleven">
+This paragraph should have no border at all.
+</P>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P class="one">
+This paragraph should have a thick black dotted border all the way around.
+</P>
+<P class="two">
+This paragraph should have a thick black dashed border all the way around.
+</P>
+<P class="three">
+This paragraph should have a thick black solid border all the way around.
+</P>
+<P class="four">
+This paragraph should have a thick black double border all the way around.
+</P>
+<P class="five">
+This paragraph should have a thick olive groove border all the way around.
+</P>
+<P class="six">
+This paragraph should have a thick olive ridge border all the way around.
+</P>
+<P class="seven">
+This paragraph should have a thick olive inset border all the way around.
+</P>
+<P class="eight">
+This paragraph should have a thick olive outset border all the way around.
+</P>
+<P class="nine">
+This paragraph should have thick double top and bottom borders, and thick grooved side borders.  The color of all four sides should be based on purple.
+</P>
+<P class="ten">
+This paragraph should have, in clockwise order from the top, a double, grooved, ridged, and inset thick border.  The color of all four sides should be based on purple.
+</P>
+<P class="eleven">
+This paragraph should have no border at all.
+</P>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/border_style_inline-expected.txt b/LayoutTests/css1/box_properties/border_style_inline-expected.txt
new file mode 100644 (file)
index 0000000..c574b6c
--- /dev/null
@@ -0,0 +1,69 @@
+layer at (0,0) size 800x600
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x310
+  RenderBlock {HTML} at (0,0) size 800x310
+    RenderBody {BODY} at (8,8) size 784x294 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x48 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 568x48
+          text run at (0,0) width 560: ".one {border-style: dashed; border-color: black; border-width: thick;}"
+          text run at (0,16) width 544: ".two {border-style: groove; border-color: red; border-width: thick;}"
+          text run at (0,32) width 568: ".three {border-style: none; border-color: purple; border-width: thick;}"
+      RenderBlock {HR} at (1,93) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,109) size 784x68 [bgcolor=#C0C0C0]
+        RenderText {TEXT} at (0,0) size 728x17
+          text run at (0,0) width 728: "This is an unstyled element, save for the background color, and it contains inline elements with classes of "
+        RenderInline {SPAN} at (0,0) size 767x44 [bgcolor=#000000]
+          RenderText {TEXT} at (733,0) size 767x34
+            text run at (733,0) width 34: "class"
+            text run at (0,17) width 26: "one"
+        RenderText {TEXT} at (31,17) size 338x17
+          text run at (31,17) width 338: ", which will result in a dashed thick black border; "
+        RenderInline {SPAN} at (0,0) size 73x27 [bgcolor=#000000]
+          RenderText {TEXT} at (374,17) size 63x17
+            text run at (374,17) width 63: "class two"
+        RenderText {TEXT} at (442,17) size 759x34
+          text run at (442,17) width 317: ", which should result in a grooved thick purple"
+          text run at (0,34) width 85: "border, and "
+        RenderInline {SPAN} at (0,0) size 74x17 [bgcolor=#000000]
+          RenderText {TEXT} at (85,34) size 74x17
+            text run at (85,34) width 74: "class three"
+        RenderText {TEXT} at (159,34) size 770x34
+          text run at (159,34) width 277: ", which should result in no border at all. "
+          text run at (436,34) width 334: "The line-height of the parent element should not"
+          text run at (0,51) width 138: "change, on any line."
+      RenderTable {TABLE} at (0,191) size 784x103 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x101
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,50) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 770x76 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x68 [bgcolor=#C0C0C0]
+                RenderText {TEXT} at (0,0) size 724x17
+                  text run at (0,0) width 724: "This is an unstyled element, save for the background color, and it contains inline elements with classes of"
+                RenderInline {SPAN} at (0,0) size 74x27 [bgcolor=#000000]
+                  RenderText {TEXT} at (5,17) size 64x17
+                    text run at (5,17) width 64: "class one"
+                RenderText {TEXT} at (74,17) size 338x17
+                  text run at (74,17) width 338: ", which will result in a dashed thick black border; "
+                RenderInline {SPAN} at (0,0) size 73x27 [bgcolor=#000000]
+                  RenderText {TEXT} at (417,17) size 63x17
+                    text run at (417,17) width 63: "class two"
+                RenderText {TEXT} at (485,17) size 754x34
+                  text run at (485,17) width 269: ", which should result in a grooved thick"
+                  text run at (0,34) width 133: "purple border, and "
+                RenderInline {SPAN} at (0,0) size 74x17 [bgcolor=#000000]
+                  RenderText {TEXT} at (133,34) size 74x17
+                    text run at (133,34) width 74: "class three"
+                RenderText {TEXT} at (207,34) size 741x34
+                  text run at (207,34) width 277: ", which should result in no border at all. "
+                  text run at (484,34) width 257: "The line-height of the parent element"
+                  text run at (0,51) width 215: "should not change, on any line."
diff --git a/LayoutTests/css1/box_properties/border_style_inline.html b/LayoutTests/css1/box_properties/border_style_inline.html
new file mode 100644 (file)
index 0000000..d665fa0
--- /dev/null
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.17 border-style</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+.one {border-style: dashed; border-color: black; border-width: thick;}
+.two {border-style: groove; border-color: red; border-width: thick;}
+.three {border-style: none; border-color: purple; border-width: thick;}</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>.one {border-style: dashed; border-color: black; border-width: thick;}
+.two {border-style: groove; border-color: red; border-width: thick;}
+.three {border-style: none; border-color: purple; border-width: thick;}
+</PRE>
+<HR>
+<P style="background-color: silver;">
+This is an unstyled element, save for the background color, and it contains inline elements with classes of <SPAN class="one">class one</SPAN>, which will result in a dashed thick black border; <SPAN class="two">class two</SPAN>, which should result in a grooved thick purple border, and <SPAN class="three">class three</SPAN>, which should result in no border at all.  The line-height of the parent element should not change, on any line.
+</P>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P style="background-color: silver;">
+This is an unstyled element, save for the background color, and it contains inline elements with classes of <SPAN class="one">class one</SPAN>, which will result in a dashed thick black border; <SPAN class="two">class two</SPAN>, which should result in a grooved thick purple border, and <SPAN class="three">class three</SPAN>, which should result in no border at all.  The line-height of the parent element should not change, on any line.
+</P>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/border_top-expected.txt b/LayoutTests/css1/box_properties/border_top-expected.txt
new file mode 100644 (file)
index 0000000..b88bb44
--- /dev/null
@@ -0,0 +1,153 @@
+layer at (0,0) size 800x910
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x910
+  RenderBlock {HTML} at (0,0) size 800x910
+    RenderBody {BODY} at (8,8) size 784x894 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x64 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 320x64
+          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,16) width 296: ".two {border-top: purple thin solid;}"
+          text run at (0,32) width 320: ".three {border-top: black medium solid;}"
+          text run at (0,48) width 184: "TD {border-top: green 2"
+          text run at (184,48) width 80: "px solid;}"
+      RenderBlock {HR} at (1,109) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,125) size 784x34 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 777x34
+          text run at (0,0) width 698: "Note that all table cells on this page should have a two-pixel solid green border along their top sides. "
+          text run at (698,0) width 79: "This border"
+          text run at (0,17) width 399: "applies only to the cells, not the rows which contain them."
+      RenderBlock {P} at (0,173) size 784x27 [bgcolor=#000000]
+        RenderText {TEXT} at (0,10) size 456x17
+          text run at (0,10) width 340: "This paragraph should have a purple, double, 10-"
+          text run at (340,10) width 116: "pixel top border."
+      RenderBlock {P} at (0,214) size 784x18 [bgcolor=#000000]
+        RenderText {TEXT} at (0,1) size 362x17
+          text run at (0,1) width 362: "This paragraph should have a thin purple top border."
+      RenderTable {TABLE} at (0,246) size 784x106 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x104
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (5,5) size 772x39 [r=0 c=0 rs=1 cs=2]
+              RenderText {TEXT} at (2,3) size 767x34
+                text run at (2,3) width 268: "Every cell in this table should have a 2-"
+                text run at (270,3) width 200: "pixel solid green top border. "
+                text run at (470,3) width 299: "This is also true of the table-testing section"
+                text run at (2,20) width 239: "in the second half of the test page."
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (5,63) size 190x22 [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (2,3) size 56x17
+                text run at (2,3) width 56: "Cell one"
+            RenderTableCell {TD} at (200,49) size 577x50 [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (2,3) size 573x17
+                RenderText {TEXT} at (0,0) size 55x17
+                  text run at (0,0) width 55: "Cell two"
+              RenderTable {TABLE} at (2,20) size 177x28
+                RenderTableSection {TBODY} at (1,1) size 0x26
+                  RenderTableRow {TR} at (0,0) size 0x0
+                    RenderTableCell {TD} at (2,2) size 171x22 [r=0 c=0 rs=1 cs=1]
+                      RenderText {TEXT} at (2,3) size 167x17
+                        text run at (2,3) width 167: "Nested single-cell table!"
+      RenderBlock {UL} at (0,366) size 784x111 [bgcolor=#000000]
+        RenderListItem {LI} at (40,0) size 744x71
+          RenderBlock (anonymous) at (0,3) size 744x17
+            RenderListMarker at (0,0) size 0x14
+            RenderText {TEXT} at (0,0) size 132x17
+              text run at (0,0) width 132: "This is a list item..."
+          RenderBlock {UL} at (0,20) size 744x51
+            RenderListItem {LI} at (40,0) size 704x17
+              RenderListMarker at (0,0) size 0x14
+              RenderText {TEXT} at (0,0) size 86x17
+                text run at (0,0) width 86: "...and this..."
+            RenderListItem {LI} at (40,17) size 704x17
+              RenderListMarker at (0,0) size 0x14
+              RenderText {TEXT} at (0,0) size 132x17
+                text run at (0,0) width 132: "...is a second list..."
+            RenderListItem {LI} at (40,34) size 704x17
+              RenderListMarker at (0,0) size 0x14
+              RenderText {TEXT} at (0,0) size 198x17
+                text run at (0,0) width 198: "...nested within the list item."
+        RenderListItem {LI} at (40,71) size 744x20
+          RenderListMarker at (0,3) size 0x14
+          RenderText {TEXT} at (0,3) size 175x17
+            text run at (0,3) width 175: "This is a second list item."
+        RenderListItem {LI} at (40,91) size 744x20
+          RenderListMarker at (0,3) size 0x14
+          RenderText {TEXT} at (0,3) size 528x17
+            text run at (0,3) width 528: "Each list item in this list should have a medium-width black border at its top."
+      RenderTable {TABLE} at (0,491) size 784x403 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x401
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,5) size 164x17
+                  text run at (4,5) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,200) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,5) size 4x17
+                text run at (4,5) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,26) size 770x375 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,5) size 762x34
+                RenderText {TEXT} at (0,0) size 727x34
+                  text run at (0,0) width 698: "Note that all table cells on this page should have a two-pixel solid green border along their top sides. "
+                  text run at (698,0) width 29: "This"
+                  text run at (0,17) width 449: "border applies only to the cells, not the rows which contain them."
+              RenderBlock {P} at (4,53) size 762x27
+                RenderText {TEXT} at (0,10) size 456x17
+                  text run at (0,10) width 340: "This paragraph should have a purple, double, 10-"
+                  text run at (340,10) width 116: "pixel top border."
+              RenderBlock {P} at (4,94) size 762x18
+                RenderText {TEXT} at (0,1) size 362x17
+                  text run at (0,1) width 362: "This paragraph should have a thin purple top border."
+              RenderTable {TABLE} at (4,126) size 762x106
+                RenderTableSection {TBODY} at (1,1) size 0x104
+                  RenderTableRow {TR} at (0,0) size 0x0
+                    RenderTableCell {TD} at (5,5) size 750x39 [r=0 c=0 rs=1 cs=2]
+                      RenderText {TEXT} at (2,3) size 714x34
+                        text run at (2,3) width 268: "Every cell in this table should have a 2-"
+                        text run at (270,3) width 200: "pixel solid green top border. "
+                        text run at (470,3) width 246: "This is also true of the table-testing"
+                        text run at (2,20) width 292: "section in the second half of the test page."
+                  RenderTableRow {TR} at (0,0) size 0x0
+                    RenderTableCell {TD} at (5,63) size 185x22 [r=1 c=0 rs=1 cs=1]
+                      RenderText {TEXT} at (2,3) size 56x17
+                        text run at (2,3) width 56: "Cell one"
+                    RenderTableCell {TD} at (195,49) size 560x50 [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (2,3) size 556x17
+                        RenderText {TEXT} at (0,0) size 55x17
+                          text run at (0,0) width 55: "Cell two"
+                      RenderTable {TABLE} at (2,20) size 177x28
+                        RenderTableSection {TBODY} at (1,1) size 0x26
+                          RenderTableRow {TR} at (0,0) size 0x0
+                            RenderTableCell {TD} at (2,2) size 171x22 [r=0 c=0 rs=1 cs=1]
+                              RenderText {TEXT} at (2,3) size 167x17
+                                text run at (2,3) width 167: "Nested single-cell table!"
+              RenderBlock {UL} at (4,246) size 762x111
+                RenderListItem {LI} at (40,0) size 722x71
+                  RenderBlock (anonymous) at (0,3) size 722x17
+                    RenderListMarker at (0,0) size 0x14
+                    RenderText {TEXT} at (0,0) size 132x17
+                      text run at (0,0) width 132: "This is a list item..."
+                  RenderBlock {UL} at (0,20) size 722x51
+                    RenderListItem {LI} at (40,0) size 682x17
+                      RenderListMarker at (0,0) size 0x14
+                      RenderText {TEXT} at (0,0) size 86x17
+                        text run at (0,0) width 86: "...and this..."
+                    RenderListItem {LI} at (40,17) size 682x17
+                      RenderListMarker at (0,0) size 0x14
+                      RenderText {TEXT} at (0,0) size 132x17
+                        text run at (0,0) width 132: "...is a second list..."
+                    RenderListItem {LI} at (40,34) size 682x17
+                      RenderListMarker at (0,0) size 0x14
+                      RenderText {TEXT} at (0,0) size 198x17
+                        text run at (0,0) width 198: "...nested within the list item."
+                RenderListItem {LI} at (40,71) size 722x20
+                  RenderListMarker at (0,3) size 0x14
+                  RenderText {TEXT} at (0,3) size 175x17
+                    text run at (0,3) width 175: "This is a second list item."
+                RenderListItem {LI} at (40,91) size 722x20
+                  RenderListMarker at (0,3) size 0x14
+                  RenderText {TEXT} at (0,3) size 528x17
+                    text run at (0,3) width 528: "Each list item in this list should have a medium-width black border at its top."
diff --git a/LayoutTests/css1/box_properties/border_top.html b/LayoutTests/css1/box_properties/border_top.html
new file mode 100644 (file)
index 0000000..57fedcf
--- /dev/null
@@ -0,0 +1,101 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.18 border-top</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+.one {border-top: purple double 10px;}
+.two {border-top: purple thin solid;}
+.three {border-top: black medium solid;}
+TD {border-top: green 2px solid;}</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>.one {border-top: purple double 10px;}
+.two {border-top: purple thin solid;}
+.three {border-top: black medium solid;}
+TD {border-top: green 2px solid;}
+</PRE>
+<HR>
+<P>
+Note that all table cells on this page should have a two-pixel solid green border along their top sides.  This border applies only to the cells, not the rows which contain them.
+</P>
+
+<P class="one">
+This paragraph should have a purple, double, 10-pixel top border.
+</P>
+<P class="two">
+This paragraph should have a thin purple top border.
+</P>
+
+<TABLE cellspacing="5" border>
+<TR>
+<TD colspan="2">Every cell in this table should have a 2-pixel solid green top border.  This is also true of the table-testing section in the second half of the test page.
+</TD>
+</TR>
+<TR>
+<TD>Cell one</TD><TD>Cell two
+<TABLE border><TR><TD>Nested single-cell table!</TD></TR></TABLE>
+</TD>
+</TR>
+</TABLE>
+
+<UL>
+<LI class="three">This is a list item...
+<UL>
+<LI>...and this...
+<LI>...is a second list...
+<LI>...nested within the list item.
+</UL>
+</LI>
+<LI class="three">This is a second list item.</LI>
+<LI class="three">Each list item in this list should have a medium-width black border at its top.
+</UL>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P>
+Note that all table cells on this page should have a two-pixel solid green border along their top sides.  This border applies only to the cells, not the rows which contain them.
+</P>
+
+<P class="one">
+This paragraph should have a purple, double, 10-pixel top border.
+</P>
+<P class="two">
+This paragraph should have a thin purple top border.
+</P>
+
+<TABLE cellspacing="5" border>
+<TR>
+<TD colspan="2">Every cell in this table should have a 2-pixel solid green top border.  This is also true of the table-testing section in the second half of the test page.
+</TD>
+</TR>
+<TR>
+<TD>Cell one</TD><TD>Cell two
+<TABLE border><TR><TD>Nested single-cell table!</TD></TR></TABLE>
+</TD>
+</TR>
+</TABLE>
+
+<UL>
+<LI class="three">This is a list item...
+<UL>
+<LI>...and this...
+<LI>...is a second list...
+<LI>...nested within the list item.
+</UL>
+</LI>
+<LI class="three">This is a second list item.</LI>
+<LI class="three">Each list item in this list should have a medium-width black border at its top.
+</UL>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/border_top_inline-expected.txt b/LayoutTests/css1/box_properties/border_top_inline-expected.txt
new file mode 100644 (file)
index 0000000..494770d
--- /dev/null
@@ -0,0 +1,60 @@
+layer at (0,0) size 800x600
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x276
+  RenderBlock {HTML} at (0,0) size 800x276
+    RenderBody {BODY} at (8,8) size 784x260 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x48 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 304x32
+          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,16) width 296: ".two {border-top: purple thin solid;}"
+      RenderBlock {HR} at (1,93) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,109) size 784x51 [bgcolor=#C0C0C0]
+        RenderText {TEXT} at (0,0) size 728x17
+          text run at (0,0) width 728: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
+        RenderInline {SPAN} at (0,0) size 762x44 [bgcolor=#000000]
+          RenderText {TEXT} at (728,0) size 762x34
+            text run at (728,0) width 34: "class"
+            text run at (0,17) width 26: "one"
+        RenderText {TEXT} at (26,17) size 426x17
+          text run at (26,17) width 177: ", which should have a 10-"
+          text run at (203,17) width 249: "pixel purple double top border; and "
+        RenderInline {SPAN} at (0,0) size 63x18 [bgcolor=#000000]
+          RenderText {TEXT} at (452,17) size 63x17
+            text run at (452,17) width 63: "class two"
+        RenderText {TEXT} at (515,17) size 778x34
+          text run at (515,17) width 263: ", which should have a thin solid purple"
+          text run at (0,34) width 82: "top border. "
+          text run at (82,34) width 471: "The line-height of the parent element should not change on any line."
+      RenderTable {TABLE} at (0,174) size 784x86 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x84
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,42) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 770x59 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x51 [bgcolor=#C0C0C0]
+                RenderText {TEXT} at (0,0) size 728x17
+                  text run at (0,0) width 728: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
+                RenderInline {SPAN} at (0,0) size 762x44 [bgcolor=#000000]
+                  RenderText {TEXT} at (728,0) size 762x34
+                    text run at (728,0) width 34: "class"
+                    text run at (0,17) width 26: "one"
+                RenderText {TEXT} at (26,17) size 426x17
+                  text run at (26,17) width 177: ", which should have a 10-"
+                  text run at (203,17) width 249: "pixel purple double top border; and "
+                RenderInline {SPAN} at (0,0) size 63x18 [bgcolor=#000000]
+                  RenderText {TEXT} at (452,17) size 63x17
+                    text run at (452,17) width 63: "class two"
+                RenderText {TEXT} at (515,17) size 730x34
+                  text run at (515,17) width 215: ", which should have a thin solid"
+                  text run at (0,34) width 130: "purple top border. "
+                  text run at (130,34) width 471: "The line-height of the parent element should not change on any line."
diff --git a/LayoutTests/css1/box_properties/border_top_inline.html b/LayoutTests/css1/box_properties/border_top_inline.html
new file mode 100644 (file)
index 0000000..de133c1
--- /dev/null
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.18 border-top</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+.one {border-top: purple double 10px;}
+.two {border-top: purple thin solid;}
+</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>.one {border-top: purple double 10px;}
+.two {border-top: purple thin solid;}
+
+</PRE>
+<HR>
+<P style="background-color: silver;">
+This is an unstyled element, save for the background color, and containing inline elements with classes of <SPAN class="one">class one</SPAN>, which should have a 10-pixel purple double top border; and <SPAN class="two">class two</SPAN>, which should have a thin solid purple top border.  The line-height of the parent element should not change on any line.
+</P>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P style="background-color: silver;">
+This is an unstyled element, save for the background color, and containing inline elements with classes of <SPAN class="one">class one</SPAN>, which should have a 10-pixel purple double top border; and <SPAN class="two">class two</SPAN>, which should have a thin solid purple top border.  The line-height of the parent element should not change on any line.
+</P>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/border_top_width-expected.txt b/LayoutTests/css1/box_properties/border_top_width-expected.txt
new file mode 100644 (file)
index 0000000..abe7965
--- /dev/null
@@ -0,0 +1,93 @@
+layer at (0,0) size 800x720
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x720
+  RenderBlock {HTML} at (0,0) size 800x720
+    RenderBody {BODY} at (8,8) size 784x704 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x96 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 440x96
+          text run at (0,0) width 432: ".zero {background-color: silver; border-top-width: 0;}"
+          text run at (0,16) width 208: ".one {border-top-width: 25"
+          text run at (208,16) width 200: "px; border-style: solid;}"
+          text run at (0,32) width 416: ".two {border-top-width: thick; border-style: solid;}"
+          text run at (0,48) width 440: ".three {border-top-width: medium; border-style: solid;}"
+          text run at (0,64) width 416: ".four {border-top-width: thin; border-style: solid;}"
+          text run at (0,80) width 216: ".five {border-top-width: 25"
+          text run at (216,80) width 32: "px;}"
+      RenderBlock {HR} at (1,141) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,157) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 161x17
+          text run at (0,0) width 161: "(These will only work if "
+        RenderInline {CODE} at (0,0) size 96x16
+          RenderText {TEXT} at (161,1) size 96x16
+            text run at (161,1) width 96: "border-style"
+        RenderText {TEXT} at (257,0) size 100x17
+          text run at (257,0) width 100: " is supported.)"
+      RenderBlock {P} at (0,188) size 784x17 [bgcolor=#C0C0C0]
+        RenderText {TEXT} at (0,0) size 224x17
+          text run at (0,0) width 224: "This element has a class of zero."
+      RenderBlock {P} at (0,219) size 784x45 [bgcolor=#000000]
+        RenderText {TEXT} at (3,25) size 410x17
+          text run at (3,25) width 410: "This paragraph should have a top border width of 25 pixels."
+      RenderBlock {P} at (0,278) size 784x25 [bgcolor=#000000]
+        RenderText {TEXT} at (3,5) size 363x17
+          text run at (3,5) width 363: "This paragraph should have a thick top border width."
+      RenderBlock {P} at (0,317) size 784x23 [bgcolor=#000000]
+        RenderText {TEXT} at (3,3) size 385x17
+          text run at (3,3) width 385: "This paragraph should have a medium top border width."
+      RenderBlock {P} at (0,354) size 784x21 [bgcolor=#000000]
+        RenderText {TEXT} at (3,1) size 356x17
+          text run at (3,1) width 356: "This paragraph should have a thin top border width."
+      RenderBlock {P} at (0,389) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 576x17
+          text run at (0,0) width 576: "This paragraph should have no border and no extra \"padding\" on its top side, as no "
+        RenderInline {CODE} at (0,0) size 96x16
+          RenderText {TEXT} at (576,1) size 96x16
+            text run at (576,1) width 96: "border-style"
+        RenderText {TEXT} at (672,0) size 60x17
+          text run at (672,0) width 60: " was set."
+      RenderTable {TABLE} at (0,420) size 754x284 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x282
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 752x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,141) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 740x257 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 732x17
+                RenderText {TEXT} at (0,0) size 161x17
+                  text run at (0,0) width 161: "(These will only work if "
+                RenderInline {CODE} at (0,0) size 96x16
+                  RenderText {TEXT} at (161,1) size 96x16
+                    text run at (161,1) width 96: "border-style"
+                RenderText {TEXT} at (257,0) size 100x17
+                  text run at (257,0) width 100: " is supported.)"
+              RenderBlock {P} at (4,35) size 732x17 [bgcolor=#C0C0C0]
+                RenderText {TEXT} at (0,0) size 224x17
+                  text run at (0,0) width 224: "This element has a class of zero."
+              RenderBlock {P} at (4,66) size 732x45
+                RenderText {TEXT} at (3,25) size 410x17
+                  text run at (3,25) width 410: "This paragraph should have a top border width of 25 pixels."
+              RenderBlock {P} at (4,125) size 732x25
+                RenderText {TEXT} at (3,5) size 363x17
+                  text run at (3,5) width 363: "This paragraph should have a thick top border width."
+              RenderBlock {P} at (4,164) size 732x23
+                RenderText {TEXT} at (3,3) size 385x17
+                  text run at (3,3) width 385: "This paragraph should have a medium top border width."
+              RenderBlock {P} at (4,201) size 732x21
+                RenderText {TEXT} at (3,1) size 356x17
+                  text run at (3,1) width 356: "This paragraph should have a thin top border width."
+              RenderBlock {P} at (4,236) size 732x17
+                RenderText {TEXT} at (0,0) size 576x17
+                  text run at (0,0) width 576: "This paragraph should have no border and no extra \"padding\" on its top side, as no "
+                RenderInline {CODE} at (0,0) size 96x16
+                  RenderText {TEXT} at (576,1) size 96x16
+                    text run at (576,1) width 96: "border-style"
+                RenderText {TEXT} at (672,0) size 60x17
+                  text run at (672,0) width 60: " was set."
diff --git a/LayoutTests/css1/box_properties/border_top_width.html b/LayoutTests/css1/box_properties/border_top_width.html
new file mode 100644 (file)
index 0000000..14533d2
--- /dev/null
@@ -0,0 +1,79 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.11 border-top-width</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+.zero {background-color: silver; border-top-width: 0;}
+.one {border-top-width: 25px; border-style: solid;}
+.two {border-top-width: thick; border-style: solid;}
+.three {border-top-width: medium; border-style: solid;}
+.four {border-top-width: thin; border-style: solid;}
+.five {border-top-width: 25px;}</STYLE>
+
+</HEAD>
+
+<BODY><P>The style declarations which apply to the text below are:</P>
+<PRE>.zero {background-color: silver; border-top-width: 0;}
+.one {border-top-width: 25px; border-style: solid;}
+.two {border-top-width: thick; border-style: solid;}
+.three {border-top-width: medium; border-style: solid;}
+.four {border-top-width: thin; border-style: solid;}
+.five {border-top-width: 25px;}
+</PRE>
+<HR>
+<P>
+(These will only work if <CODE>border-style</CODE> is supported.)
+</P>
+<P class="zero">
+This element has a class of zero.
+</P>
+<P class="one">
+This paragraph should have a top border width of 25 pixels.
+</P>
+<P class="two">
+This paragraph should have a thick top border width.
+</P>
+<P class="three">
+This paragraph should have a medium top border width.
+</P>
+<P class="four">
+This paragraph should have a thin top border width.
+</P>
+<P class="five">
+This paragraph should have no border and no extra "padding" on its top side, as no <CODE>border-style</CODE> was set.
+</P>
+
+
+<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
+<TR>
+<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
+</TR>
+<TR>
+<TD bgcolor="silver">&nbsp;</TD>
+<TD><P>
+(These will only work if <CODE>border-style</CODE> is supported.)
+</P>
+<P class="zero">
+This element has a class of zero.
+</P>
+<P class="one">
+This paragraph should have a top border width of 25 pixels.
+</P>
+<P class="two">
+This paragraph should have a thick top border width.
+</P>
+<P class="three">
+This paragraph should have a medium top border width.
+</P>
+<P class="four">
+This paragraph should have a thin top border width.
+</P>
+<P class="five">
+This paragraph should have no border and no extra "padding" on its top side, as no <CODE>border-style</CODE> was set.
+</P>
+</TD></TR></TABLE></BODY>
+</HTML>
diff --git a/LayoutTests/css1/box_properties/border_top_width_inline-expected.txt b/LayoutTests/css1/box_properties/border_top_width_inline-expected.txt
new file mode 100644 (file)
index 0000000..2448696
--- /dev/null
@@ -0,0 +1,86 @@
+layer at (0,0) size 800x600
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x366
+  RenderBlock {HTML} at (0,0) size 800x366
+    RenderBody {BODY} at (8,8) size 784x350 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 385x17
+          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x48 [bgcolor=#000000]
+        RenderText {TEXT} at (0,0) size 408x48
+          text run at (0,0) width 208: ".one {border-top-width: 25"
+          text run at (208,0) width 200: "px; border-style: solid;}"
+          text run at (0,16) width 408: ".two {border-top-width: thin; border-style: solid;}"
+          text run at (0,32) width 224: ".three {border-top-width: 25"
+          text run at (224,32) width 32: "px;}"
+      RenderBlock {HR} at (1,93) size 782x2 [bgcolor=#000000]
+      RenderBlock {P} at (0,109) size 784x96 [bgcolor=#000000]
+        RenderText {TEXT} at (3,25) size 188x17
+          text run at (3,25) width 188: "This element has a class of "
+        RenderInline {TT} at (0,0) size 24x16
+          RenderText {TEXT} at (191,26) size 24x16
+            text run at (191,26) width 24: "one"
+        RenderText {TEXT} at (215,25) size 174x17
+          text run at (215,25) width 9: ". "
+          text run at (224,25) width 165: "However, it contains an "
+        RenderInline {SPAN} at (0,0) size 187x21
+          RenderText {TEXT} at (392,25) size 157x17
+            text run at (392,25) width 157: "inline element of class "
+          RenderInline {TT} at (0,0) size 24x16
+            RenderText {TEXT} at (549,26) size 24x16
+              text run at (549,26) width 24: "two"
+        RenderText {TEXT} at (576,25) size 775x51
+          text run at (576,25) width 202: ", which should result in a thin"
+          text run at (3,42) width 743: "solid border on the top side of each box in the inline element (and the UA's default border on the other three"
+          text run at (3,59) width 49: "sides). "
+          text run at (52,59) width 112: "There is also an "
+        RenderInline {SPAN} at (0,0) size 197x17
+          RenderText {TEXT} at (164,59) size 157x17
+            text run at (164,59) width 157: "inline element of class "
+          RenderInline {TT} at (0,0) size 40x16
+            RenderText {TEXT} at (321,60) size 40x16
+              text run at (321,60) width 40: "three"
+        RenderText {TEXT} at (361,59) size 751x34
+          text run at (361,59) width 393: ", which should have no top border width or visible border"
+          text run at (3,76) width 224: "because no border style was set."
+      RenderTable {TABLE} at (0,219) size 784x131 [bgcolor=#000000]
+        RenderTableSection {TBODY} at (1,1) size 0x129
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
+                RenderText {TEXT} at (4,4) size 164x17
+                  text run at (4,4) width 164: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,0) size 0x0
+            RenderTableCell {TD} at (0,64) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+              RenderText {TEXT} at (4,4) size 4x17
+                text run at (4,4) width 4: "\x{A0}"
+            RenderTableCell {TD} at (12,25) size 770x104 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x96
+                RenderText {TEXT} at (3,25) size 188x17
+                  text run at (3,25) width 188: "This element has a class of "
+                RenderInline {TT} at (0,0) size 24x16
+                  RenderText {TEXT} at (191,26) size 24x16
+                    text run at (191,26) width 24: "one"
+                RenderText {TEXT} at (215,25) size 174x17
+                  text run at (215,25) width 9: ". "
+                  text run at (224,25) width 165: "However, it contains an "
+                RenderInline {SPAN} at (0,0) size 187x21
+                  RenderText {TEXT} at (392,25) size 157x17
+                    text run at (392,25) width 157: "inline element of class "
+                  RenderInline {TT} at (0,0) size 24x16
+                    RenderText {TEXT} at (549,26) size 24x16
+                      text run at (549,26) width 24: "two"
+                RenderText {TEXT} at (576,25) size 744x51
+                  text run at (576,25) width 171: ", which should result in a"
+                  text run at (3,42) width 734: "thin solid border on the top side of each box in the inline element (and the UA's default border on the other"
+                  text run at (3,59) width 89: "three sides). "
+                  text run at (92,59) width 112: "There is also an "
+                RenderInline {SPAN} at (0,0) size 197x17
+                  RenderText {TEXT} at (204,59) size 157x17
+                    text run at (204,59) width 157: "inline element of class "
+                  RenderInline {TT} at (0,0) size 40x16
+                    RenderText {TEXT} at (361,60) size 40x16
+                      text run at (361,60) width 40: "three"
+                RenderText {TEXT} at (401,59) size 741x34
+                  text run at (401,59) width 343: ", which should have no top border width or visible"
+                  text run at (3,76) width 274: "border because no border style was set."
diff --git a/LayoutTests/css1/box_properties/border_top_width_inline.html b/LayoutTests/css1/box_properties/border_top_width_inline.html
new file mode 100644 (file)
index 0000000..d47809a
--- /dev/null
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>CSS1 Test Suite: 5.5.11 border-top-width</TITLE>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<META http-equiv="Content-Style-Type" content="text/css">
+
+<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
+<STYLE type="text/css">
+.one {b