2010-05-13 Martin Robinson <mrobinson@igalia.com>
authormrobinson@webkit.org <mrobinson@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 13 May 2010 23:14:05 +0000 (23:14 +0000)
committermrobinson@webkit.org <mrobinson@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 13 May 2010 23:14:05 +0000 (23:14 +0000)
        No review. Adding baselines for many of the css1 tests. I've checked these manually.

        * platform/gtk/Skipped: Unskipping tests.
        * platform/gtk/css1/basic/class_as_selector-expected.txt: Added.
        * platform/gtk/css1/basic/comments-expected.txt: Added.
        * platform/gtk/css1/basic/containment-expected.txt: Added.
        * platform/gtk/css1/basic/contextual_selectors-expected.txt: Added.
        * platform/gtk/css1/basic/grouping-expected.txt: Added.
        * platform/gtk/css1/basic/id_as_selector-expected.txt: Added.
        * platform/gtk/css1/basic/inheritance-expected.txt: Added.
        * platform/gtk/css1/box_properties/acid_test-expected.txt: Added.
        * platform/gtk/css1/box_properties/border-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_bottom-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_bottom_inline-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_bottom_width-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_bottom_width_inline-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_color-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_color_inline-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_inline-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_left-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_left_inline-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_left_width-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_left_width_inline-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_right-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_right_inline-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_right_width-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_right_width_inline-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_style-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_style_inline-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_top-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_top_inline-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_top_width-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_top_width_inline-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_width-expected.txt: Added.
        * platform/gtk/css1/box_properties/border_width_inline-expected.txt: Added.
        * platform/gtk/css1/box_properties/clear-expected.txt: Added.
        * platform/gtk/css1/box_properties/clear_float-expected.txt: Added.
        * platform/gtk/css1/box_properties/float-expected.txt: Added.
        * platform/gtk/css1/box_properties/float_elements_in_series-expected.txt: Added.
        * platform/gtk/css1/box_properties/float_margin-expected.txt: Added.
        * platform/gtk/css1/box_properties/float_on_text_elements-expected.txt: Added.
        * platform/gtk/css1/box_properties/height-expected.txt: Added.
        * platform/gtk/css1/box_properties/margin-expected.txt: Added.
        * platform/gtk/css1/box_properties/margin_bottom-expected.txt: Added.
        * platform/gtk/css1/box_properties/margin_bottom_inline-expected.txt: Added.
        * platform/gtk/css1/box_properties/margin_inline-expected.txt: Added.
        * platform/gtk/css1/box_properties/margin_left-expected.txt: Added.
        * platform/gtk/css1/box_properties/margin_left_inline-expected.txt: Added.
        * platform/gtk/css1/box_properties/margin_right-expected.txt: Added.
        * platform/gtk/css1/box_properties/margin_right_inline-expected.txt: Added.
        * platform/gtk/css1/box_properties/margin_top-expected.txt: Added.
        * platform/gtk/css1/box_properties/margin_top_inline-expected.txt: Added.
        * platform/gtk/css1/box_properties/padding-expected.txt: Added.
        * platform/gtk/css1/box_properties/padding_bottom-expected.txt: Added.
        * platform/gtk/css1/box_properties/padding_bottom_inline-expected.txt: Added.
        * platform/gtk/css1/box_properties/padding_inline-expected.txt: Added.
        * platform/gtk/css1/box_properties/padding_left-expected.txt: Added.
        * platform/gtk/css1/box_properties/padding_left_inline-expected.txt: Added.
        * platform/gtk/css1/box_properties/padding_right-expected.txt: Added.
        * platform/gtk/css1/box_properties/padding_right_inline-expected.txt: Added.
        * platform/gtk/css1/box_properties/padding_top-expected.txt: Added.
        * platform/gtk/css1/box_properties/padding_top_inline-expected.txt: Added.

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

61 files changed:
LayoutTests/ChangeLog
LayoutTests/platform/gtk/Skipped
LayoutTests/platform/gtk/css1/basic/class_as_selector-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/basic/comments-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/basic/containment-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/basic/contextual_selectors-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/basic/grouping-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/basic/id_as_selector-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/basic/inheritance-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/acid_test-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_bottom-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_bottom_inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_bottom_width-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_bottom_width_inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_color-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_color_inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_left-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_left_inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_left_width-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_left_width_inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_right-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_right_inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_right_width-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_right_width_inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_style-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_style_inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_top-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_top_inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_top_width-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_top_width_inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_width-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/border_width_inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/clear-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/clear_float-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/float-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/float_elements_in_series-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/float_margin-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/float_on_text_elements-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/height-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/margin-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/margin_bottom-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/margin_bottom_inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/margin_inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/margin_left-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/margin_left_inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/margin_right-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/margin_right_inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/margin_top-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/margin_top_inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/padding-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/padding_bottom-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/padding_bottom_inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/padding_inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/padding_left-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/padding_left_inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/padding_right-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/padding_right_inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/padding_top-expected.txt [new file with mode: 0644]
LayoutTests/platform/gtk/css1/box_properties/padding_top_inline-expected.txt [new file with mode: 0644]

index efbfeb5..2b07188 100644 (file)
@@ -1,5 +1,70 @@
 2010-05-13  Martin Robinson  <mrobinson@igalia.com>
 
+        No review. Adding baselines for many of the css1 tests. I've checked these manually.
+
+        * platform/gtk/Skipped: Unskipping tests.
+        * platform/gtk/css1/basic/class_as_selector-expected.txt: Added.
+        * platform/gtk/css1/basic/comments-expected.txt: Added.
+        * platform/gtk/css1/basic/containment-expected.txt: Added.
+        * platform/gtk/css1/basic/contextual_selectors-expected.txt: Added.
+        * platform/gtk/css1/basic/grouping-expected.txt: Added.
+        * platform/gtk/css1/basic/id_as_selector-expected.txt: Added.
+        * platform/gtk/css1/basic/inheritance-expected.txt: Added.
+        * platform/gtk/css1/box_properties/acid_test-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_bottom-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_bottom_inline-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_bottom_width-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_bottom_width_inline-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_color-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_color_inline-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_inline-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_left-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_left_inline-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_left_width-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_left_width_inline-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_right-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_right_inline-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_right_width-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_right_width_inline-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_style-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_style_inline-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_top-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_top_inline-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_top_width-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_top_width_inline-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_width-expected.txt: Added.
+        * platform/gtk/css1/box_properties/border_width_inline-expected.txt: Added.
+        * platform/gtk/css1/box_properties/clear-expected.txt: Added.
+        * platform/gtk/css1/box_properties/clear_float-expected.txt: Added.
+        * platform/gtk/css1/box_properties/float-expected.txt: Added.
+        * platform/gtk/css1/box_properties/float_elements_in_series-expected.txt: Added.
+        * platform/gtk/css1/box_properties/float_margin-expected.txt: Added.
+        * platform/gtk/css1/box_properties/float_on_text_elements-expected.txt: Added.
+        * platform/gtk/css1/box_properties/height-expected.txt: Added.
+        * platform/gtk/css1/box_properties/margin-expected.txt: Added.
+        * platform/gtk/css1/box_properties/margin_bottom-expected.txt: Added.
+        * platform/gtk/css1/box_properties/margin_bottom_inline-expected.txt: Added.
+        * platform/gtk/css1/box_properties/margin_inline-expected.txt: Added.
+        * platform/gtk/css1/box_properties/margin_left-expected.txt: Added.
+        * platform/gtk/css1/box_properties/margin_left_inline-expected.txt: Added.
+        * platform/gtk/css1/box_properties/margin_right-expected.txt: Added.
+        * platform/gtk/css1/box_properties/margin_right_inline-expected.txt: Added.
+        * platform/gtk/css1/box_properties/margin_top-expected.txt: Added.
+        * platform/gtk/css1/box_properties/margin_top_inline-expected.txt: Added.
+        * platform/gtk/css1/box_properties/padding-expected.txt: Added.
+        * platform/gtk/css1/box_properties/padding_bottom-expected.txt: Added.
+        * platform/gtk/css1/box_properties/padding_bottom_inline-expected.txt: Added.
+        * platform/gtk/css1/box_properties/padding_inline-expected.txt: Added.
+        * platform/gtk/css1/box_properties/padding_left-expected.txt: Added.
+        * platform/gtk/css1/box_properties/padding_left_inline-expected.txt: Added.
+        * platform/gtk/css1/box_properties/padding_right-expected.txt: Added.
+        * platform/gtk/css1/box_properties/padding_right_inline-expected.txt: Added.
+        * platform/gtk/css1/box_properties/padding_top-expected.txt: Added.
+        * platform/gtk/css1/box_properties/padding_top_inline-expected.txt: Added.
+
+2010-05-13  Martin Robinson  <mrobinson@igalia.com>
+
         No review. Rebaselining test after r59385.
 
         * platform/gtk/editing/deleting/delete-select-all-001-expected.txt: Rebaseline
index ff2ea38..3975ce1 100644 (file)
@@ -118,65 +118,6 @@ animations/state-at-end-event.html
 
 # Tests in css1/ directory
 #   Tests generating new results
-css1/basic/class_as_selector.html
-css1/basic/comments.html
-css1/basic/containment.html
-css1/basic/contextual_selectors.html
-css1/basic/grouping.html
-css1/basic/id_as_selector.html
-css1/basic/inheritance.html
-css1/box_properties/acid_test.html
-css1/box_properties/border.html
-css1/box_properties/border_bottom.html
-css1/box_properties/border_bottom_inline.html
-css1/box_properties/border_bottom_width.html
-css1/box_properties/border_bottom_width_inline.html
-css1/box_properties/border_color.html
-css1/box_properties/border_color_inline.html
-css1/box_properties/border_inline.html
-css1/box_properties/border_left.html
-css1/box_properties/border_left_inline.html
-css1/box_properties/border_left_width.html
-css1/box_properties/border_left_width_inline.html
-css1/box_properties/border_right.html
-css1/box_properties/border_right_inline.html
-css1/box_properties/border_right_width.html
-css1/box_properties/border_right_width_inline.html
-css1/box_properties/border_style.html
-css1/box_properties/border_style_inline.html
-css1/box_properties/border_top.html
-css1/box_properties/border_top_inline.html
-css1/box_properties/border_top_width.html
-css1/box_properties/border_top_width_inline.html
-css1/box_properties/border_width.html
-css1/box_properties/border_width_inline.html
-css1/box_properties/clear.html
-css1/box_properties/clear_float.html
-css1/box_properties/float.html
-css1/box_properties/float_elements_in_series.html
-css1/box_properties/float_margin.html
-css1/box_properties/float_on_text_elements.html
-css1/box_properties/height.html
-css1/box_properties/margin.html
-css1/box_properties/margin_bottom.html
-css1/box_properties/margin_bottom_inline.html
-css1/box_properties/margin_inline.html
-css1/box_properties/margin_left.html
-css1/box_properties/margin_left_inline.html
-css1/box_properties/margin_right.html
-css1/box_properties/margin_right_inline.html
-css1/box_properties/margin_top.html
-css1/box_properties/margin_top_inline.html
-css1/box_properties/padding.html
-css1/box_properties/padding_bottom.html
-css1/box_properties/padding_bottom_inline.html
-css1/box_properties/padding_inline.html
-css1/box_properties/padding_left.html
-css1/box_properties/padding_left_inline.html
-css1/box_properties/padding_right.html
-css1/box_properties/padding_right_inline.html
-css1/box_properties/padding_top.html
-css1/box_properties/padding_top_inline.html
 css1/box_properties/width.html
 css1/cascade/cascade_order.html
 css1/cascade/important.html
diff --git a/LayoutTests/platform/gtk/css1/basic/class_as_selector-expected.txt b/LayoutTests/platform/gtk/css1/basic/class_as_selector-expected.txt
new file mode 100644 (file)
index 0000000..1e7bf43
--- /dev/null
@@ -0,0 +1,73 @@
+layer at (0,0) size 781x611
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x611
+  RenderBlock {HTML} at (0,0) size 781x611
+    RenderBody {BODY} at (8,8) size 765x595 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 765x64
+        RenderText {#text} at (0,0) size 176x63
+          text run at (0,0) width 160: ".one {color: green;}"
+          text run at (160,0) width 0: " "
+          text run at (0,16) width 128: ".1 {color: red;}"
+          text run at (128,16) width 0: " "
+          text run at (0,32) width 152: ".a1 {color: green;}"
+          text run at (152,32) width 0: " "
+          text run at (0,48) width 176: "P.two {color: purple;}"
+          text run at (176,48) width 0: " "
+      RenderBlock {HR} at (0,113) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,131) size 765x20 [color=#008000]
+        RenderText {#text} at (0,0) size 194x20
+          text run at (0,0) width 194: "This sentence should be green."
+      RenderBlock {P} at (0,167) size 765x20
+        RenderText {#text} at (0,0) size 559x20
+          text run at (0,0) width 559: "This sentence should be black, not red-- class selectors cannot begin with digits in CSS1."
+      RenderBlock {P} at (0,203) size 765x20 [color=#008000]
+        RenderText {#text} at (0,0) size 194x20
+          text run at (0,0) width 194: "This sentence should be green."
+      RenderBlock {P} at (0,239) size 765x20 [color=#800080]
+        RenderText {#text} at (0,0) size 199x20
+          text run at (0,0) width 199: "This sentence should be purple."
+      RenderBlock {PRE} at (0,275) size 765x16
+        RenderText {#text} at (0,0) size 280x15
+          text run at (0,0) width 280: "This sentence should NOT be purple."
+          text run at (280,0) width 0: " "
+      RenderBlock {UL} at (0,307) size 765x20
+        RenderListItem {LI} at (40,0) size 725x20
+          RenderListMarker at (-18,0) size 7x20: bullet
+          RenderText {#text} at (0,0) size 237x20
+            text run at (0,0) width 237: "This sentence should NOT be purple."
+      RenderTable {TABLE} at (0,343) size 581x252 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 579x250
+          RenderTableRow {TR} at (0,0) size 579x30
+            RenderTableCell {TD} at (0,0) size 579x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 579x220
+            RenderTableCell {TD} at (0,126) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 567x220 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 559x20 [color=#008000]
+                RenderText {#text} at (0,0) size 194x20
+                  text run at (0,0) width 194: "This sentence should be green."
+              RenderBlock {P} at (4,40) size 559x20
+                RenderText {#text} at (0,0) size 559x20
+                  text run at (0,0) width 559: "This sentence should be black, not red-- class selectors cannot begin with digits in CSS1."
+              RenderBlock {P} at (4,76) size 559x20 [color=#008000]
+                RenderText {#text} at (0,0) size 194x20
+                  text run at (0,0) width 194: "This sentence should be green."
+              RenderBlock {P} at (4,112) size 559x20 [color=#800080]
+                RenderText {#text} at (0,0) size 199x20
+                  text run at (0,0) width 199: "This sentence should be purple."
+              RenderBlock {PRE} at (4,148) size 559x16
+                RenderText {#text} at (0,0) size 280x15
+                  text run at (0,0) width 280: "This sentence should NOT be purple."
+                  text run at (280,0) width 0: " "
+              RenderBlock {UL} at (4,180) size 559x20
+                RenderListItem {LI} at (40,0) size 519x20
+                  RenderListMarker at (-18,0) size 7x20: bullet
+                  RenderText {#text} at (0,0) size 237x20
+                    text run at (0,0) width 237: "This sentence should NOT be purple."
diff --git a/LayoutTests/platform/gtk/css1/basic/comments-expected.txt b/LayoutTests/platform/gtk/css1/basic/comments-expected.txt
new file mode 100644 (file)
index 0000000..a490fe8
--- /dev/null
@@ -0,0 +1,100 @@
+layer at (0,0) size 800x923
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x923
+  RenderBlock {HTML} at (0,0) size 800x923
+    RenderBody {BODY} at (8,8) size 784x907 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x240
+        RenderText {#text} at (0,0) size 336x239
+          text run at (0,0) width 232: "/* This is a CSS1 comment. */"
+          text run at (232,0) width 0: " "
+          text run at (0,16) width 336: ".one {color: green;} /* Another comment */"
+          text run at (336,16) width 0: " "
+          text run at (0,32) width 288: "/* The following should not be used:"
+          text run at (288,32) width 0: " "
+          text run at (0,48) width 168: ".two {color: red;} */"
+          text run at (168,48) width 0: " "
+          text run at (0,64) width 320: ".three {color: green; /* color: red; */}"
+          text run at (320,64) width 0: " "
+          text run at (0,80) width 24: "/**"
+          text run at (24,80) width 0: " "
+          text run at (0,96) width 176: ".four {color: red;} */"
+          text run at (176,96) width 0: " "
+          text run at (0,112) width 168: ".five {color: green;}"
+          text run at (168,112) width 0: " "
+          text run at (0,128) width 32: "/**/"
+          text run at (32,128) width 0: " "
+          text run at (0,144) width 160: ".six {color: green;}"
+          text run at (160,144) width 0: " "
+          text run at (0,160) width 88: "/*********/"
+          text run at (88,160) width 0: " "
+          text run at (0,176) width 176: ".seven {color: green;}"
+          text run at (176,176) width 0: " "
+          text run at (0,192) width 128: "/* a comment **/"
+          text run at (128,192) width 0: " "
+          text run at (0,208) width 176: ".eight {color: green;}"
+          text run at (176,208) width 0: " "
+          text run at (0,224) width 0: " "
+      RenderBlock {HR} at (0,289) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,307) size 784x20 [color=#008000]
+        RenderText {#text} at (0,0) size 194x20
+          text run at (0,0) width 194: "This sentence should be green."
+      RenderBlock {P} at (0,343) size 784x20
+        RenderText {#text} at (0,0) size 193x20
+          text run at (0,0) width 193: "This sentence should be black."
+      RenderBlock {P} at (0,379) size 784x20 [color=#008000]
+        RenderText {#text} at (0,0) size 194x20
+          text run at (0,0) width 194: "This sentence should be green."
+      RenderBlock {P} at (0,415) size 784x20
+        RenderText {#text} at (0,0) size 193x20
+          text run at (0,0) width 193: "This sentence should be black."
+      RenderBlock {P} at (0,451) size 784x20 [color=#008000]
+        RenderText {#text} at (0,0) size 194x20
+          text run at (0,0) width 194: "This sentence should be green."
+      RenderBlock {P} at (0,487) size 784x20 [color=#008000]
+        RenderText {#text} at (0,0) size 194x20
+          text run at (0,0) width 194: "This sentence should be green."
+      RenderBlock {P} at (0,523) size 784x20 [color=#008000]
+        RenderText {#text} at (0,0) size 194x20
+          text run at (0,0) width 194: "This sentence should be green."
+      RenderBlock {P} at (0,559) size 784x20 [color=#008000]
+        RenderText {#text} at (0,0) size 194x20
+          text run at (0,0) width 194: "This sentence should be green."
+      RenderTable {TABLE} at (0,595) size 216x312 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 214x310
+          RenderTableRow {TR} at (0,0) size 214x30
+            RenderTableCell {TD} at (0,0) size 214x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 214x280
+            RenderTableCell {TD} at (0,156) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 202x280 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 194x20 [color=#008000]
+                RenderText {#text} at (0,0) size 194x20
+                  text run at (0,0) width 194: "This sentence should be green."
+              RenderBlock {P} at (4,40) size 194x20
+                RenderText {#text} at (0,0) size 193x20
+                  text run at (0,0) width 193: "This sentence should be black."
+              RenderBlock {P} at (4,76) size 194x20 [color=#008000]
+                RenderText {#text} at (0,0) size 194x20
+                  text run at (0,0) width 194: "This sentence should be green."
+              RenderBlock {P} at (4,112) size 194x20
+                RenderText {#text} at (0,0) size 193x20
+                  text run at (0,0) width 193: "This sentence should be black."
+              RenderBlock {P} at (4,148) size 194x20 [color=#008000]
+                RenderText {#text} at (0,0) size 194x20
+                  text run at (0,0) width 194: "This sentence should be green."
+              RenderBlock {P} at (4,184) size 194x20 [color=#008000]
+                RenderText {#text} at (0,0) size 194x20
+                  text run at (0,0) width 194: "This sentence should be green."
+              RenderBlock {P} at (4,220) size 194x20 [color=#008000]
+                RenderText {#text} at (0,0) size 194x20
+                  text run at (0,0) width 194: "This sentence should be green."
+              RenderBlock {P} at (4,256) size 194x20 [color=#008000]
+                RenderText {#text} at (0,0) size 194x20
+                  text run at (0,0) width 194: "This sentence should be green."
diff --git a/LayoutTests/platform/gtk/css1/basic/containment-expected.txt b/LayoutTests/platform/gtk/css1/basic/containment-expected.txt
new file mode 100644 (file)
index 0000000..456bf31
--- /dev/null
@@ -0,0 +1,209 @@
+layer at (0,0) size 800x1015
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1015
+  RenderBlock {HTML} at (0,0) size 800x1015
+    RenderBody {BODY} at (8,8) size 784x999 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x160
+        RenderText {#text} at (0,0) size 728x159
+          text run at (0,0) width 624: "<LINK rel=\"stylesheet\" type=\"text/css\" href=\"linktest.css\" title=\"Default SS\">"
+          text run at (624,0) width 0: " "
+          text run at (0,16) width 728: "<LINK rel=\"alternate stylesheet\" type=\"text/css\" href=\"linktest2.css\" title=\"Alternate SS\">"
+          text run at (728,16) width 0: " "
+          text run at (0,32) width 208: "@import url(imptest1.css);"
+          text run at (208,32) width 0: " "
+          text run at (0,48) width 192: "@import \"imptest1a.css\";"
+          text run at (192,48) width 0: " "
+          text run at (0,64) width 128: "UL {color: red;}"
+          text run at (128,64) width 0: " "
+          text run at (0,80) width 176: ".four {color: purple;}"
+          text run at (176,80) width 0: " "
+          text run at (0,96) width 208: "@import url(imptest2.css);"
+          text run at (208,96) width 0: " "
+          text run at (0,112) width 32: "<!--"
+          text run at (32,112) width 0: " "
+          text run at (0,128) width 168: "P.six {color: green;}"
+          text run at (168,128) width 0: " "
+          text run at (0,144) width 24: "-->"
+          text run at (24,144) width 0: " "
+      RenderBlock {HR} at (0,209) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,227) size 784x20
+        RenderText {#text} at (0,0) size 404x20
+          text run at (0,0) width 404: "This sentence should be underlined due to the linked style sheet "
+        RenderInline {CODE} at (0,0) size 96x15
+          RenderText {#text} at (404,4) size 96x15
+            text run at (404,4) width 96: "linktest.css"
+        RenderText {#text} at (500,0) size 254x20
+          text run at (500,0) width 254: ", the reference to which is shown above."
+      RenderBlock {P} at (0,263) size 784x42
+        RenderText {#text} at (0,1) size 442x20
+          text run at (0,1) width 442: "This sentence should NOT be underlined due to the linked style sheet "
+        RenderInline {CODE} at (0,0) size 104x15
+          RenderText {#text} at (442,5) size 104x15
+            text run at (442,5) width 104: "linktest2.css"
+        RenderText {#text} at (546,1) size 8x20
+          text run at (546,1) width 8: ", "
+        RenderInline {STRONG} at (0,0) size 41x22
+          RenderText {#text} at (554,0) size 41x22
+            text run at (554,0) width 41: "unless"
+        RenderText {#text} at (595,1) size 741x41
+          text run at (595,1) width 146: " the external style sheet"
+          text run at (0,22) width 325: "\"Alternate SS\" has been selected via the user agent."
+      RenderBlock {UL} at (0,321) size 784x60 [color=#FF0000]
+        RenderListItem {LI} at (40,0) size 744x20 [color=#008000]
+          RenderListMarker at (-18,0) size 7x20: bullet
+          RenderText {#text} at (0,0) size 390x20
+            text run at (0,0) width 390: "This sentence should be green due to an imported style sheet ["
+          RenderInline {CODE} at (0,0) size 208x15
+            RenderText {#text} at (390,4) size 208x15
+              text run at (390,4) width 208: "@import url(imptest1.css);"
+          RenderText {#text} at (598,0) size 9x20
+            text run at (598,0) width 9: "]."
+        RenderListItem {LI} at (40,20) size 744x20 [color=#800080]
+          RenderListMarker at (-18,0) size 7x20: bullet
+          RenderText {#text} at (0,0) size 395x20
+            text run at (0,0) width 395: "This sentence should be purple due to an imported style sheet ["
+          RenderInline {CODE} at (0,0) size 184x15
+            RenderText {#text} at (395,4) size 184x15
+              text run at (395,4) width 184: "@import \"imptest1a.css\""
+          RenderText {#text} at (579,0) size 9x20
+            text run at (579,0) width 9: "]."
+        RenderListItem {LI} at (40,40) size 744x20 [color=#008000]
+          RenderListMarker at (-18,0) size 7x20: bullet
+          RenderText {#text} at (0,0) size 393x20
+            text run at (0,0) width 393: "This sentence should be green thanks to the STYLE attribute ["
+          RenderInline {CODE} at (0,0) size 168x15
+            RenderText {#text} at (393,4) size 168x15
+              text run at (393,4) width 168: "STYLE=\"color: green;\""
+          RenderText {#text} at (561,0) size 9x20
+            text run at (561,0) width 9: "]."
+      RenderBlock {P} at (0,397) size 784x20 [color=#800080]
+        RenderText {#text} at (0,0) size 500x20
+          text run at (0,0) width 500: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
+      RenderBlock {OL} at (0,433) size 784x60
+        RenderListItem {LI} at (40,0) size 744x20
+          RenderListMarker at (-21,0) size 16x20: "1"
+          RenderText {#text} at (0,0) size 201x20
+            text run at (0,0) width 201: "This list should NOT be purple."
+        RenderListItem {LI} at (40,20) size 744x20
+          RenderListMarker at (-21,0) size 16x20: "2"
+          RenderText {#text} at (0,0) size 172x20
+            text run at (0,0) width 172: "It should, instead, be black."
+        RenderListItem {LI} at (40,40) size 744x20
+          RenderListMarker at (-21,0) size 16x20: "3"
+          RenderText {#text} at (0,0) size 501x20
+            text run at (0,0) width 501: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
+      RenderBlock {P} at (0,509) size 784x40
+        RenderText {#text} at (0,0) size 697x20
+          text run at (0,0) width 197: "This sentence should be black. "
+          text run at (197,0) width 500: "If it is red, then the browser has inappropriately imported the styles from the file"
+        RenderInline {TT} at (0,0) size 96x15
+          RenderText {#text} at (0,24) size 96x15
+            text run at (0,24) width 96: "imptest2.css"
+        RenderText {#text} at (96,20) size 33x20
+          text run at (96,20) width 33: " (see "
+        RenderInline {A} at (0,0) size 68x20 [color=#0000FF]
+          RenderText {#text} at (129,20) size 68x20
+            text run at (129,20) width 68: "section 3.0"
+        RenderText {#text} at (197,20) size 275x20
+          text run at (197,20) width 275: " of the CSS1 specification for more details)."
+      RenderBlock {P} at (0,565) size 784x20 [color=#008000]
+        RenderText {#text} at (0,0) size 203x20
+          text run at (0,0) width 203: "This paragraph should be green."
+      RenderTable {TABLE} at (0,601) size 784x398 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x396
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x366
+            RenderTableCell {TD} at (0,199) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x366 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x20
+                RenderText {#text} at (0,0) size 404x20
+                  text run at (0,0) width 404: "This sentence should be underlined due to the linked style sheet "
+                RenderInline {CODE} at (0,0) size 96x15
+                  RenderText {#text} at (404,4) size 96x15
+                    text run at (404,4) width 96: "linktest.css"
+                RenderText {#text} at (500,0) size 254x20
+                  text run at (500,0) width 254: ", the reference to which is shown above."
+              RenderBlock {P} at (4,40) size 762x42
+                RenderText {#text} at (0,1) size 442x20
+                  text run at (0,1) width 442: "This sentence should NOT be underlined due to the linked style sheet "
+                RenderInline {CODE} at (0,0) size 104x15
+                  RenderText {#text} at (442,5) size 104x15
+                    text run at (442,5) width 104: "linktest2.css"
+                RenderText {#text} at (546,1) size 8x20
+                  text run at (546,1) width 8: ", "
+                RenderInline {STRONG} at (0,0) size 41x22
+                  RenderText {#text} at (554,0) size 41x22
+                    text run at (554,0) width 41: "unless"
+                RenderText {#text} at (595,1) size 741x41
+                  text run at (595,1) width 146: " the external style sheet"
+                  text run at (0,22) width 325: "\"Alternate SS\" has been selected via the user agent."
+              RenderBlock {UL} at (4,98) size 762x60 [color=#FF0000]
+                RenderListItem {LI} at (40,0) size 722x20 [color=#008000]
+                  RenderListMarker at (-18,0) size 7x20: bullet
+                  RenderText {#text} at (0,0) size 390x20
+                    text run at (0,0) width 390: "This sentence should be green due to an imported style sheet ["
+                  RenderInline {CODE} at (0,0) size 208x15
+                    RenderText {#text} at (390,4) size 208x15
+                      text run at (390,4) width 208: "@import url(imptest1.css);"
+                  RenderText {#text} at (598,0) size 9x20
+                    text run at (598,0) width 9: "]."
+                RenderListItem {LI} at (40,20) size 722x20 [color=#800080]
+                  RenderListMarker at (-18,0) size 7x20: bullet
+                  RenderText {#text} at (0,0) size 395x20
+                    text run at (0,0) width 395: "This sentence should be purple due to an imported style sheet ["
+                  RenderInline {CODE} at (0,0) size 184x15
+                    RenderText {#text} at (395,4) size 184x15
+                      text run at (395,4) width 184: "@import \"imptest1a.css\""
+                  RenderText {#text} at (579,0) size 9x20
+                    text run at (579,0) width 9: "]."
+                RenderListItem {LI} at (40,40) size 722x20 [color=#008000]
+                  RenderListMarker at (-18,0) size 7x20: bullet
+                  RenderText {#text} at (0,0) size 393x20
+                    text run at (0,0) width 393: "This sentence should be green thanks to the STYLE attribute ["
+                  RenderInline {CODE} at (0,0) size 168x15
+                    RenderText {#text} at (393,4) size 168x15
+                      text run at (393,4) width 168: "STYLE=\"color: green;\""
+                  RenderText {#text} at (561,0) size 9x20
+                    text run at (561,0) width 9: "]."
+              RenderBlock {P} at (4,174) size 762x20 [color=#800080]
+                RenderText {#text} at (0,0) size 500x20
+                  text run at (0,0) width 500: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
+              RenderBlock {OL} at (4,210) size 762x60
+                RenderListItem {LI} at (40,0) size 722x20
+                  RenderListMarker at (-21,0) size 16x20: "1"
+                  RenderText {#text} at (0,0) size 201x20
+                    text run at (0,0) width 201: "This list should NOT be purple."
+                RenderListItem {LI} at (40,20) size 722x20
+                  RenderListMarker at (-21,0) size 16x20: "2"
+                  RenderText {#text} at (0,0) size 172x20
+                    text run at (0,0) width 172: "It should, instead, be black."
+                RenderListItem {LI} at (40,40) size 722x20
+                  RenderListMarker at (-21,0) size 16x20: "3"
+                  RenderText {#text} at (0,0) size 501x20
+                    text run at (0,0) width 501: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
+              RenderBlock {P} at (4,286) size 762x40
+                RenderText {#text} at (0,0) size 697x20
+                  text run at (0,0) width 197: "This sentence should be black. "
+                  text run at (197,0) width 500: "If it is red, then the browser has inappropriately imported the styles from the file"
+                RenderInline {TT} at (0,0) size 96x15
+                  RenderText {#text} at (0,24) size 96x15
+                    text run at (0,24) width 96: "imptest2.css"
+                RenderText {#text} at (96,20) size 33x20
+                  text run at (96,20) width 33: " (see "
+                RenderInline {A} at (0,0) size 68x20 [color=#0000FF]
+                  RenderText {#text} at (129,20) size 68x20
+                    text run at (129,20) width 68: "section 3.0"
+                RenderText {#text} at (197,20) size 275x20
+                  text run at (197,20) width 275: " of the CSS1 specification for more details)."
+              RenderBlock {P} at (4,342) size 762x20 [color=#008000]
+                RenderText {#text} at (0,0) size 203x20
+                  text run at (0,0) width 203: "This paragraph should be green."
diff --git a/LayoutTests/platform/gtk/css1/basic/contextual_selectors-expected.txt b/LayoutTests/platform/gtk/css1/basic/contextual_selectors-expected.txt
new file mode 100644 (file)
index 0000000..c773a98
--- /dev/null
@@ -0,0 +1,82 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20 [color=#000080]
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x64
+        RenderText {#text} at (0,0) size 472x63
+          text run at (0,0) width 288: "P {color: navy; font-family: serif;}"
+          text run at (288,0) width 0: " "
+          text run at (0,16) width 472: "HTML BODY TABLE P {color: purple; font-family: sans-serif;}"
+          text run at (472,16) width 0: " "
+          text run at (0,32) width 224: "EM, UL LI LI {color: green;}"
+          text run at (224,32) width 0: " "
+          text run at (0,48) width 0: " "
+      RenderBlock {HR} at (0,113) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,131) size 784x20 [color=#000080]
+        RenderText {#text} at (0,0) size 625x20
+          text run at (0,0) width 625: "This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table."
+      RenderBlock {P} at (0,167) size 784x20 [color=#000080]
+        RenderText {#text} at (0,0) size 559x20
+          text run at (0,0) width 559: "This sentence should be normal for its section, except for the last word, which should be "
+        RenderInline {EM} at (0,0) size 36x20 [color=#008000]
+          RenderText {#text} at (559,0) size 36x20
+            text run at (559,0) width 36: "green"
+        RenderText {#text} at (595,0) size 4x20
+          text run at (595,0) width 4: "."
+      RenderBlock {UL} at (0,203) size 784x40
+        RenderListItem {LI} at (40,0) size 744x40
+          RenderBlock (anonymous) at (0,0) size 744x20
+            RenderListMarker at (-18,0) size 7x20: bullet
+            RenderInline {EM} at (0,0) size 39x20 [color=#008000]
+              RenderText {#text} at (0,0) size 39x20
+                text run at (0,0) width 39: "Hello."
+            RenderText {#text} at (39,0) size 399x20
+              text run at (39,0) width 4: " "
+              text run at (43,0) width 395: "The first \"hello\" should be green, but this part should be black."
+          RenderBlock {UL} at (0,20) size 744x20
+            RenderListItem {LI} at (40,0) size 704x20 [color=#008000]
+              RenderListMarker at (-18,0) size 7x20: white bullet
+              RenderText {#text} at (0,0) size 136x20
+                text run at (0,0) width 136: "This should be green."
+      RenderTable {TABLE} at (0,259) size 722x170 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 720x168
+          RenderTableRow {TR} at (0,0) size 720x30
+            RenderTableCell {TD} at (0,0) size 720x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 720x138
+            RenderTableCell {TD} at (0,85) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 708x138 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 700x21 [color=#800080]
+                RenderText {#text} at (0,0) size 700x21
+                  text run at (0,0) width 700: "This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table."
+              RenderBlock {P} at (4,41) size 700x21 [color=#800080]
+                RenderText {#text} at (0,0) size 623x21
+                  text run at (0,0) width 623: "This sentence should be normal for its section, except for the last word, which should be "
+                RenderInline {EM} at (0,0) size 41x21 [color=#008000]
+                  RenderText {#text} at (623,0) size 41x21
+                    text run at (623,0) width 41: "green"
+                RenderText {#text} at (664,0) size 4x21
+                  text run at (664,0) width 4: "."
+              RenderBlock {UL} at (4,78) size 700x40
+                RenderListItem {LI} at (40,0) size 660x40
+                  RenderBlock (anonymous) at (0,0) size 660x20
+                    RenderListMarker at (-18,0) size 7x20: bullet
+                    RenderInline {EM} at (0,0) size 39x20 [color=#008000]
+                      RenderText {#text} at (0,0) size 39x20
+                        text run at (0,0) width 39: "Hello."
+                    RenderText {#text} at (39,0) size 399x20
+                      text run at (39,0) width 4: " "
+                      text run at (43,0) width 395: "The first \"hello\" should be green, but this part should be black."
+                  RenderBlock {UL} at (0,20) size 660x20
+                    RenderListItem {LI} at (40,0) size 620x20 [color=#008000]
+                      RenderListMarker at (-18,0) size 7x20: white bullet
+                      RenderText {#text} at (0,0) size 136x20
+                        text run at (0,0) width 136: "This should be green."
diff --git a/LayoutTests/platform/gtk/css1/basic/grouping-expected.txt b/LayoutTests/platform/gtk/css1/basic/grouping-expected.txt
new file mode 100644 (file)
index 0000000..e04ba18
--- /dev/null
@@ -0,0 +1,44 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x32
+        RenderText {#text} at (0,0) size 272x31
+          text run at (0,0) width 272: ".one, .two, .three {color: green;}"
+          text run at (272,0) width 0: " "
+          text run at (0,16) width 0: " "
+      RenderBlock {HR} at (0,81) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,99) size 784x20 [color=#008000]
+        RenderText {#text} at (0,0) size 194x20
+          text run at (0,0) width 194: "This sentence should be green."
+      RenderBlock {P} at (0,135) size 784x20 [color=#008000]
+        RenderText {#text} at (0,0) size 194x20
+          text run at (0,0) width 194: "This sentence should be green."
+      RenderBlock {P} at (0,171) size 784x20 [color=#008000]
+        RenderText {#text} at (0,0) size 194x20
+          text run at (0,0) width 194: "This sentence should be green."
+      RenderTable {TABLE} at (0,207) size 216x132 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 214x130
+          RenderTableRow {TR} at (0,0) size 214x30
+            RenderTableCell {TD} at (0,0) size 214x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 214x100
+            RenderTableCell {TD} at (0,66) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 202x100 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 194x20 [color=#008000]
+                RenderText {#text} at (0,0) size 194x20
+                  text run at (0,0) width 194: "This sentence should be green."
+              RenderBlock {P} at (4,40) size 194x20 [color=#008000]
+                RenderText {#text} at (0,0) size 194x20
+                  text run at (0,0) width 194: "This sentence should be green."
+              RenderBlock {P} at (4,76) size 194x20 [color=#008000]
+                RenderText {#text} at (0,0) size 194x20
+                  text run at (0,0) width 194: "This sentence should be green."
diff --git a/LayoutTests/platform/gtk/css1/basic/id_as_selector-expected.txt b/LayoutTests/platform/gtk/css1/basic/id_as_selector-expected.txt
new file mode 100644 (file)
index 0000000..25a2890
--- /dev/null
@@ -0,0 +1,92 @@
+layer at (0,0) size 800x661
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x661
+  RenderBlock {HTML} at (0,0) size 800x661
+    RenderBody {BODY} at (8,8) size 784x645 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x128
+        RenderText {#text} at (0,0) size 272x127
+          text run at (0,0) width 160: "#one {color: green;}"
+          text run at (160,0) width 0: " "
+          text run at (0,16) width 152: "#a1 {color: green;}"
+          text run at (152,16) width 0: " "
+          text run at (0,32) width 224: "P#two, P#two2 {color: blue;}"
+          text run at (224,32) width 0: " "
+          text run at (0,48) width 272: "P#three, P#three2 {color: purple;}"
+          text run at (272,48) width 0: " "
+          text run at (0,64) width 168: "#four {color: green;}"
+          text run at (168,64) width 0: " "
+          text run at (0,80) width 152: "#a2 {color: green;}"
+          text run at (152,80) width 0: " "
+          text run at (0,96) width 240: "P#five, P#five2 {color: blue;}"
+          text run at (240,96) width 0: " "
+          text run at (0,112) width 240: "P#six, P#six2 {color: purple;}"
+      RenderBlock {HR} at (0,177) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,195) size 784x20 [color=#008000]
+        RenderText {#text} at (0,0) size 194x20
+          text run at (0,0) width 194: "This sentence should be green."
+      RenderBlock {P} at (0,231) size 784x20 [color=#008000]
+        RenderText {#text} at (0,0) size 194x20
+          text run at (0,0) width 194: "This sentence should be green."
+      RenderBlock {P} at (0,267) size 784x20 [color=#0000FF]
+        RenderText {#text} at (0,0) size 200x20
+          text run at (0,0) width 200: "This paragraph should be blue ["
+        RenderInline {TT} at (0,0) size 64x15
+          RenderText {#text} at (200,4) size 64x15
+            text run at (200,4) width 64: "ID=\"two\""
+        RenderText {#text} at (264,0) size 9x20
+          text run at (264,0) width 9: "]."
+      RenderBlock {PRE} at (0,303) size 784x16
+        RenderText {#text} at (0,0) size 392x15
+          text run at (0,0) width 392: "This sentence should NOT be blue [PRE ID=\"two2\"]."
+          text run at (392,0) width 0: " "
+      RenderBlock {PRE} at (0,332) size 784x16
+        RenderText {#text} at (0,0) size 472x15
+          text run at (0,0) width 472: "This sentence should be black, not purple [PRE ID=\"three\"]."
+          text run at (472,0) width 0: " "
+      RenderBlock {UL} at (0,364) size 784x20
+        RenderListItem {LI} at (40,0) size 744x20
+          RenderListMarker at (-18,0) size 7x20: bullet
+          RenderText {#text} at (0,0) size 237x20
+            text run at (0,0) width 237: "This sentence should NOT be purple."
+      RenderTable {TABLE} at (0,400) size 422x245 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 420x243
+          RenderTableRow {TR} at (0,0) size 420x30
+            RenderTableCell {TD} at (0,0) size 420x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 420x213
+            RenderTableCell {TD} at (0,122) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 408x213 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 400x20 [color=#008000]
+                RenderText {#text} at (0,0) size 194x20
+                  text run at (0,0) width 194: "This sentence should be green."
+              RenderBlock {P} at (4,40) size 400x20 [color=#008000]
+                RenderText {#text} at (0,0) size 194x20
+                  text run at (0,0) width 194: "This sentence should be green."
+              RenderBlock {P} at (4,76) size 400x20 [color=#0000FF]
+                RenderText {#text} at (0,0) size 200x20
+                  text run at (0,0) width 200: "This paragraph should be blue ["
+                RenderInline {TT} at (0,0) size 72x15
+                  RenderText {#text} at (200,4) size 72x15
+                    text run at (200,4) width 72: "ID=\"five\""
+                RenderText {#text} at (272,0) size 9x20
+                  text run at (272,0) width 9: "]."
+              RenderBlock {PRE} at (4,112) size 400x16
+                RenderText {#text} at (0,0) size 400x15
+                  text run at (0,0) width 400: "This sentence should NOT be blue [PRE ID=\"five2\"]."
+                  text run at (400,0) width 0: " "
+              RenderBlock {PRE} at (4,141) size 400x16
+                RenderText {#text} at (0,0) size 360x15
+                  text run at (0,0) width 360: "This sentence should be black [PRE ID=\"six\"]."
+                  text run at (360,0) width 0: " "
+              RenderBlock {UL} at (4,173) size 400x20
+                RenderListItem {LI} at (40,0) size 360x20
+                  RenderListMarker at (-18,0) size 7x20: bullet
+                  RenderText {#text} at (0,0) size 237x20
+                    text run at (0,0) width 237: "This sentence should NOT be purple."
diff --git a/LayoutTests/platform/gtk/css1/basic/inheritance-expected.txt b/LayoutTests/platform/gtk/css1/basic/inheritance-expected.txt
new file mode 100644 (file)
index 0000000..af2544d
--- /dev/null
@@ -0,0 +1,189 @@
+layer at (0,0) size 800x785
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x785
+  RenderBlock {HTML} at (0,0) size 800x785
+    RenderBody {BODY} at (8,8) size 784x769 [color=#008000] [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x112
+        RenderText {#text} at (0,0) size 272x111
+          text run at (0,0) width 160: "BODY {color: green;}"
+          text run at (160,0) width 0: " "
+          text run at (0,16) width 136: "H3 {color: blue;}"
+          text run at (136,16) width 0: " "
+          text run at (0,32) width 152: "EM {color: purple;}"
+          text run at (152,32) width 0: " "
+          text run at (0,48) width 208: ".one {font-style: italic;}"
+          text run at (208,48) width 0: " "
+          text run at (0,64) width 272: ".two {text-decoration: underline;}"
+          text run at (272,64) width 0: " "
+          text run at (0,80) width 152: "#two {color: navy;}"
+          text run at (152,80) width 0: " "
+          text run at (0,96) width 184: ".three {color: purple;}"
+          text run at (184,96) width 0: " "
+      RenderBlock {HR} at (0,161) size 784x2 [border: (1px inset #008000)]
+      RenderBlock {H3} at (0,181) size 784x26 [color=#0000FF]
+        RenderText {#text} at (0,0) size 220x26
+          text run at (0,0) width 220: "This sentence should show "
+        RenderInline {STRONG} at (0,0) size 35x26
+          RenderText {#text} at (220,0) size 35x26
+            text run at (220,0) width 35: "blue"
+        RenderText {#text} at (255,0) size 42x26
+          text run at (255,0) width 42: " and "
+        RenderInline {EM} at (0,0) size 51x26 [color=#800080]
+          RenderText {#text} at (297,0) size 51x26
+            text run at (297,0) width 51: "purple"
+        RenderText {#text} at (348,0) size 5x26
+          text run at (348,0) width 5: "."
+      RenderBlock {H3} at (0,225) size 784x26 [color=#0000FF]
+        RenderText {#text} at (0,0) size 197x26
+          text run at (0,0) width 197: "This sentence should be "
+        RenderInline {SPAN} at (0,0) size 34x26
+          RenderText {#text} at (197,0) size 34x26
+            text run at (197,0) width 34: "blue"
+        RenderText {#text} at (231,0) size 104x26
+          text run at (231,0) width 104: " throughout."
+      RenderBlock {P} at (0,269) size 784x20
+        RenderText {#text} at (0,0) size 226x20
+          text run at (0,0) width 226: "This should be green except for the "
+        RenderInline {EM} at (0,0) size 117x20 [color=#800080]
+          RenderText {#text} at (226,0) size 117x20
+            text run at (226,0) width 117: "emphasized words"
+        RenderText {#text} at (343,0) size 160x20
+          text run at (343,0) width 160: ", which should be purple."
+      RenderBlock {H3} at (0,307) size 784x26 [color=#0000FF]
+        RenderText {#text} at (0,0) size 296x26
+          text run at (0,0) width 296: "This should be blue and underlined."
+      RenderBlock {P} at (0,351) size 784x22
+        RenderText {#text} at (0,1) size 293x20
+          text run at (0,1) width 293: "This sentence should be underlined, including "
+        RenderInline {TT} at (0,0) size 72x15
+          RenderText {#text} at (293,5) size 72x15
+            text run at (293,5) width 72: "this part"
+        RenderText {#text} at (365,1) size 8x20
+          text run at (365,1) width 8: ", "
+        RenderInline {I} at (0,0) size 52x20
+          RenderText {#text} at (373,1) size 52x20
+            text run at (373,1) width 52: "this part"
+        RenderText {#text} at (425,1) size 8x20
+          text run at (425,1) width 8: ", "
+        RenderInline {EM} at (0,0) size 52x20 [color=#800080]
+          RenderText {#text} at (433,1) size 52x20
+            text run at (433,1) width 52: "this part"
+        RenderText {#text} at (485,1) size 35x20
+          text run at (485,1) width 35: ", and "
+        RenderInline {STRONG} at (0,0) size 57x22
+          RenderText {#text} at (520,0) size 57x22
+            text run at (520,0) width 57: "this part"
+        RenderText {#text} at (577,1) size 4x20
+          text run at (577,1) width 4: "."
+      RenderBlock {P} at (0,389) size 784x20 [color=#000080]
+        RenderText {#text} at (0,0) size 436x20
+          text run at (0,0) width 436: "This sentence should also be underlined, as well as dark blue (navy), "
+        RenderInline {TT} at (0,0) size 152x15
+          RenderText {#text} at (436,4) size 152x15
+            text run at (436,4) width 152: "including this part"
+        RenderText {#text} at (588,0) size 4x20
+          text run at (588,0) width 4: "."
+      RenderBlock {P} at (0,425) size 784x22 [color=#800080]
+        RenderText {#text} at (0,1) size 266x20
+          text run at (0,1) width 266: "This sentence should be purple, including "
+        RenderInline {STRONG} at (0,0) size 57x22
+          RenderText {#text} at (266,0) size 57x22
+            text run at (266,0) width 57: "this part"
+        RenderText {#text} at (323,1) size 31x20
+          text run at (323,1) width 31: " and "
+        RenderInline {SPAN} at (0,0) size 173x20
+          RenderText {#text} at (354,1) size 173x20
+            text run at (354,1) width 173: "this part (which is spanned)"
+        RenderText {#text} at (527,1) size 4x20
+          text run at (527,1) width 4: "."
+      RenderTable {TABLE} at (0,463) size 614x306 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 612x304
+          RenderTableRow {TR} at (0,0) size 612x30
+            RenderTableCell {TD} at (0,0) size 612x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 612x274
+            RenderTableCell {TD} at (0,153) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 600x274 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {H3} at (4,4) size 592x26 [color=#0000FF]
+                RenderText {#text} at (0,0) size 220x26
+                  text run at (0,0) width 220: "This sentence should show "
+                RenderInline {STRONG} at (0,0) size 35x26
+                  RenderText {#text} at (220,0) size 35x26
+                    text run at (220,0) width 35: "blue"
+                RenderText {#text} at (255,0) size 42x26
+                  text run at (255,0) width 42: " and "
+                RenderInline {EM} at (0,0) size 51x26 [color=#800080]
+                  RenderText {#text} at (297,0) size 51x26
+                    text run at (297,0) width 51: "purple"
+                RenderText {#text} at (348,0) size 5x26
+                  text run at (348,0) width 5: "."
+              RenderBlock {H3} at (4,48) size 592x26 [color=#0000FF]
+                RenderText {#text} at (0,0) size 197x26
+                  text run at (0,0) width 197: "This sentence should be "
+                RenderInline {SPAN} at (0,0) size 34x26
+                  RenderText {#text} at (197,0) size 34x26
+                    text run at (197,0) width 34: "blue"
+                RenderText {#text} at (231,0) size 104x26
+                  text run at (231,0) width 104: " throughout."
+              RenderBlock {P} at (4,92) size 592x20
+                RenderText {#text} at (0,0) size 226x20
+                  text run at (0,0) width 226: "This should be green except for the "
+                RenderInline {EM} at (0,0) size 117x20 [color=#800080]
+                  RenderText {#text} at (226,0) size 117x20
+                    text run at (226,0) width 117: "emphasized words"
+                RenderText {#text} at (343,0) size 160x20
+                  text run at (343,0) width 160: ", which should be purple."
+              RenderBlock {H3} at (4,130) size 592x26 [color=#0000FF]
+                RenderText {#text} at (0,0) size 296x26
+                  text run at (0,0) width 296: "This should be blue and underlined."
+              RenderBlock {P} at (4,174) size 592x22
+                RenderText {#text} at (0,1) size 293x20
+                  text run at (0,1) width 293: "This sentence should be underlined, including "
+                RenderInline {TT} at (0,0) size 72x15
+                  RenderText {#text} at (293,5) size 72x15
+                    text run at (293,5) width 72: "this part"
+                RenderText {#text} at (365,1) size 8x20
+                  text run at (365,1) width 8: ", "
+                RenderInline {I} at (0,0) size 52x20
+                  RenderText {#text} at (373,1) size 52x20
+                    text run at (373,1) width 52: "this part"
+                RenderText {#text} at (425,1) size 8x20
+                  text run at (425,1) width 8: ", "
+                RenderInline {EM} at (0,0) size 52x20 [color=#800080]
+                  RenderText {#text} at (433,1) size 52x20
+                    text run at (433,1) width 52: "this part"
+                RenderText {#text} at (485,1) size 35x20
+                  text run at (485,1) width 35: ", and "
+                RenderInline {STRONG} at (0,0) size 57x22
+                  RenderText {#text} at (520,0) size 57x22
+                    text run at (520,0) width 57: "this part"
+                RenderText {#text} at (577,1) size 4x20
+                  text run at (577,1) width 4: "."
+              RenderBlock {P} at (4,212) size 592x20 [color=#000080]
+                RenderText {#text} at (0,0) size 436x20
+                  text run at (0,0) width 436: "This sentence should also be underlined, as well as dark blue (navy), "
+                RenderInline {TT} at (0,0) size 152x15
+                  RenderText {#text} at (436,4) size 152x15
+                    text run at (436,4) width 152: "including this part"
+                RenderText {#text} at (588,0) size 4x20
+                  text run at (588,0) width 4: "."
+              RenderBlock {P} at (4,248) size 592x22 [color=#800080]
+                RenderText {#text} at (0,1) size 266x20
+                  text run at (0,1) width 266: "This sentence should be purple, including "
+                RenderInline {STRONG} at (0,0) size 57x22
+                  RenderText {#text} at (266,0) size 57x22
+                    text run at (266,0) width 57: "this part"
+                RenderText {#text} at (323,1) size 31x20
+                  text run at (323,1) width 31: " and "
+                RenderInline {SPAN} at (0,0) size 173x20
+                  RenderText {#text} at (354,1) size 173x20
+                    text run at (354,1) width 173: "this part (which is spanned)"
+                RenderText {#text} at (527,1) size 4x20
+                  text run at (527,1) width 4: "."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/acid_test-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/acid_test-expected.txt
new file mode 100644 (file)
index 0000000..1d0954c
--- /dev/null
@@ -0,0 +1,78 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x485
+  RenderBlock {HTML} at (0,0) size 800x485 [color=#FFFFFF] [bgcolor=#0000FF]
+    RenderBody {BODY} at (15,15) size 490x455 [bgcolor=#FFFFFF] [border: (5px solid #000000)]
+      RenderBlock {DL} at (5,5) size 480x10
+        RenderBlock (floating) {DT} at (5,5) size 79x310 [bgcolor=#CC0000] [border: (5px solid #000000)]
+          RenderText {#text} at (15,15) size 60x10
+            text run at (15,15) width 60: "toggle"
+        RenderBlock (floating) {DD} at (95,5) size 380x310 [border: (10px solid #000000)]
+          RenderBlock {UL} at (20,20) size 340x0
+            RenderBlock (floating) {LI} at (0,0) size 80x120 [color=#000000] [bgcolor=#FFCC00] [border: (5px solid #000000)]
+              RenderText {#text} at (15,15) size 30x20
+                text run at (15,15) width 30: "the"
+                text run at (15,25) width 30: "way"
+            RenderBlock (floating) {LI} at (90,0) size 159x110 [bgcolor=#000000]
+              RenderBlock {P} at (10,10) size 139x20
+                RenderText {#text} at (0,0) size 90x20
+                  text run at (0,0) width 90: "the world"
+                  text run at (0,10) width 40: "ends"
+              RenderBlock (anonymous) at (10,30) size 139x0
+                RenderInline {FORM} at (0,0) size 0x0
+                  RenderText {#text} at (0,0) size 0x0
+              RenderBlock (anonymous) at (10,30) size 139x46
+                RenderBlock {P} at (0,0) size 139x23
+                  RenderText {#text} at (0,8) size 50x10
+                    text run at (0,8) width 50: "bang "
+                  RenderBlock {INPUT} at (55,3) size 15x15 [color=#000000]
+                  RenderText {#text} at (0,0) size 0x0
+                RenderBlock {P} at (0,23) size 139x23
+                  RenderText {#text} at (0,8) size 80x10
+                    text run at (0,8) width 80: "whimper "
+                  RenderBlock {INPUT} at (85,3) size 15x15 [color=#000000]
+                  RenderText {#text} at (0,0) size 0x0
+              RenderBlock (anonymous) at (10,76) size 139x0
+                RenderInline {FORM} at (0,0) size 0x0
+                RenderText {#text} at (0,0) size 0x0
+            RenderBlock (floating) {LI} at (259,0) size 80x120 [color=#000000] [bgcolor=#FFCC00] [border: (5px solid #000000)]
+              RenderText {#text} at (15,15) size 40x30
+                text run at (15,15) width 10: "i"
+                text run at (15,25) width 40: "grow"
+                text run at (15,35) width 30: "old"
+            RenderBlock (floating) {LI} at (0,130) size 120x120 [bgcolor=#000000]
+              RenderText {#text} at (10,10) size 60x10
+                text run at (10,10) width 60: "pluot?"
+          RenderBlock (floating) {BLOCKQUOTE} at (160,150) size 70x140 [color=#000000] [bgcolor=#FFCC00] [border: (10px solid #000000) (15px solid #000000) (20px solid #000000) (5px solid #000000)]
+            RenderBlock {ADDRESS} at (5,20) size 50x20
+              RenderText {#text} at (0,0) size 60x20
+                text run at (0,0) width 30: "bar"
+                text run at (0,10) width 60: "maids,"
+          RenderBlock (floating) {H1} at (240,150) size 120x120 [bgcolor=#000000]
+            RenderText {#text} at (10,10) size 70x40
+              text run at (10,10) width 70: "sing to"
+              text run at (10,20) width 30: "me,"
+              text run at (10,30) width 70: "erbarme"
+              text run at (10,40) width 40: "dich"
+      RenderBlock {P} at (5,320) size 480x130 [color=#000000]
+        RenderText {#text} at (0,1) size 470x62
+          text run at (0,1) width 350: "This is a nonsensical document, but"
+          text run at (0,14) width 390: "syntactically valid HTML 4.0. All 100%-"
+          text run at (0,27) width 470: "conformant CSS1 agents should be able to render"
+          text run at (0,40) width 420: "the document elements above this paragraph"
+          text run at (0,53) width 420: "indistinguishably (to the pixel) from this"
+        RenderInline {A} at (0,0) size 200x10 [color=#0000EE]
+          RenderText {#text} at (0,66) size 200x10
+            text run at (0,66) width 200: "reference rendering,"
+        RenderText {#text} at (200,66) size 480x62
+          text run at (200,66) width 10: " "
+          text run at (210,66) width 260: "(except font rasterization"
+          text run at (0,79) width 460: "and form widgets). All discrepancies should be"
+          text run at (0,92) width 460: "traceable to CSS1 implementation shortcomings."
+          text run at (0,105) width 480: "Once you have finished evaluating this test, you"
+          text run at (0,118) width 180: "can return to the "
+        RenderInline {A} at (0,0) size 110x10 [color=#0000EE]
+          RenderText {#text} at (180,118) size 110x10
+            text run at (180,118) width 110: "parent page"
+        RenderText {#text} at (290,118) size 10x10
+          text run at (290,118) width 10: "."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border-expected.txt
new file mode 100644 (file)
index 0000000..bfd02ad
--- /dev/null
@@ -0,0 +1,185 @@
+layer at (0,0) size 800x1457
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1457
+  RenderBlock {HTML} at (0,0) size 800x1457
+    RenderBody {BODY} at (8,8) size 784x1441 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x144
+        RenderText {#text} at (0,0) size 272x143
+          text run at (0,0) width 272: ".one {border: medium black solid;}"
+          text run at (272,0) width 0: " "
+          text run at (0,16) width 264: ".two {border: thin maroon ridge;}"
+          text run at (264,16) width 0: " "
+          text run at (0,32) width 272: ".three {border: 10px teal outset;}"
+          text run at (272,32) width 0: " "
+          text run at (0,48) width 264: ".four {border: 10px olive inset;}"
+          text run at (264,48) width 0: " "
+          text run at (0,64) width 224: ".five {border: 10px maroon;}"
+          text run at (224,64) width 0: " "
+          text run at (0,80) width 232: ".six {border: maroon double;}"
+          text run at (232,80) width 0: " "
+          text run at (0,96) width 256: ".seven {border: left red solid;}"
+          text run at (256,96) width 0: " "
+          text run at (0,112) width 168: ".eight {border: 0px;}"
+          text run at (168,112) width 0: " "
+          text run at (0,128) width 232: "TD {border: 2px solid green;}"
+          text run at (232,128) width 0: " "
+      RenderBlock {HR} at (0,193) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,211) size 784x40
+        RenderText {#text} at (0,0) size 780x40
+          text run at (0,0) width 627: "Note that all table cells on this page should have a two-pixel solid green border along all four sides. "
+          text run at (627,0) width 153: "This border applies only"
+          text run at (0,20) width 285: "to the cells, not the rows which contain them."
+      RenderBlock {P} at (0,267) size 784x26 [border: (3px solid #000000)]
+        RenderText {#text} at (3,3) size 483x20
+          text run at (3,3) width 483: "This paragraph should have a medium black solid border all the way around."
+      RenderBlock {P} at (0,309) size 784x22 [border: (1px ridge #800000)]
+        RenderText {#text} at (1,1) size 480x20
+          text run at (1,1) width 480: "This paragraph should have a thin maroon ridged border all the way around."
+      RenderBlock {P} at (0,347) size 784x40 [border: (10px outset #008080)]
+        RenderText {#text} at (10,10) size 518x20
+          text run at (10,10) width 518: "This paragraph should have a ten-pixel-wide teal outset border all the way around."
+      RenderBlock {P} at (0,403) size 784x40 [border: (10px inset #808000)]
+        RenderText {#text} at (10,10) size 519x20
+          text run at (10,10) width 519: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
+      RenderBlock {P} at (0,459) size 784x20
+        RenderText {#text} at (0,0) size 348x20
+          text run at (0,0) width 348: "This paragraph should have no border around it, as the "
+        RenderInline {TT} at (0,0) size 96x15
+          RenderText {#text} at (348,4) size 96x15
+            text run at (348,4) width 96: "border-style"
+        RenderText {#text} at (444,0) size 323x20
+          text run at (444,0) width 323: " was not set, and it should not be offset in any way."
+      RenderBlock {P} at (0,495) size 784x26 [border: (3px double #800000)]
+        RenderText {#text} at (3,3) size 535x20
+          text run at (3,3) width 535: "This paragraph should have a medium maroon double border around it, even though "
+        RenderInline {CODE} at (0,0) size 96x15
+          RenderText {#text} at (538,7) size 96x15
+            text run at (538,7) width 96: "border-width"
+        RenderText {#text} at (634,3) size 140x20
+          text run at (634,3) width 140: " was not explicitly set."
+      RenderBlock {P} at (0,537) size 784x20
+        RenderText {#text} at (0,0) size 621x20
+          text run at (0,0) width 621: "This paragraph should have no border around it, as its declaration is invalid and should be ignored."
+      RenderBlock {P} at (0,573) size 784x20
+        RenderInline {A} at (0,0) size 25x20
+          RenderText {#text} at (0,0) size 25x20
+            text run at (0,0) width 25: "The"
+        RenderText {#text} at (25,0) size 715x20
+          text run at (25,0) width 715: " following image is also an anchor which points to a target on this page, but it should not have a border around it: "
+        RenderInline {A} at (0,0) size 15x20 [color=#0000FF]
+          RenderImage {IMG} at (740,0) size 15x15
+        RenderText {#text} at (755,0) size 4x20
+          text run at (755,0) width 4: "."
+      RenderTable {TABLE} at (0,609) size 784x121 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x119
+          RenderTableRow {TR} at (0,5) size 782x46
+            RenderTableCell {TD} at (5,5) size 772x46 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+              RenderText {#text} at (3,3) size 759x40
+                text run at (3,3) width 405: "Every cell in this table should have a 2-pixel solid green border. "
+                text run at (408,3) width 354: "This is also true of the table-testing section in the second"
+                text run at (3,23) width 127: "half of the test page."
+          RenderTableRow {TR} at (0,56) size 782x58
+            RenderTableCell {TD} at (5,72) size 197x26 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (3,3) size 53x20
+                text run at (3,3) width 53: "Cell one"
+            RenderTableCell {TD} at (207,56) size 570x58 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (3,3) size 564x20
+                RenderText {#text} at (0,0) size 54x20
+                  text run at (0,0) width 54: "Cell two"
+              RenderTable {TABLE} at (3,23) size 163x32 [border: (1px outset #808080)]
+                RenderTableSection {TBODY} at (1,1) size 161x30
+                  RenderTableRow {TR} at (0,2) size 161x26
+                    RenderTableCell {TD} at (2,2) size 157x26 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
+                      RenderText {#text} at (3,3) size 151x20
+                        text run at (3,3) width 151: "Nested single-cell table!"
+      RenderBlock {P} at (0,746) size 784x20
+        RenderText {#text} at (0,0) size 175x20
+          text run at (0,0) width 175: "This is an unstyled element."
+      RenderTable {TABLE} at (0,782) size 784x659 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x657
+          RenderTableRow {TR} at (0,0) size 782x32
+            RenderTableCell {TD} at (0,0) size 782x32 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (5,5) size 163x22
+                  text run at (5,5) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,32) size 782x625
+            RenderTableCell {TD} at (0,329) size 14x30 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (5,5) size 4x20
+                text run at (5,5) width 4: " "
+            RenderTableCell {TD} at (14,32) size 768x625 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (5,5) size 758x40
+                RenderText {#text} at (0,0) size 748x40
+                  text run at (0,0) width 627: "Note that all table cells on this page should have a two-pixel solid green border along all four sides. "
+                  text run at (627,0) width 121: "This border applies"
+                  text run at (0,20) width 317: "only to the cells, not the rows which contain them."
+              RenderBlock {P} at (5,61) size 758x26 [border: (3px solid #000000)]
+                RenderText {#text} at (3,3) size 483x20
+                  text run at (3,3) width 483: "This paragraph should have a medium black solid border all the way around."
+              RenderBlock {P} at (5,103) size 758x22 [border: (1px ridge #800000)]
+                RenderText {#text} at (1,1) size 480x20
+                  text run at (1,1) width 480: "This paragraph should have a thin maroon ridged border all the way around."
+              RenderBlock {P} at (5,141) size 758x40 [border: (10px outset #008080)]
+                RenderText {#text} at (10,10) size 518x20
+                  text run at (10,10) width 518: "This paragraph should have a ten-pixel-wide teal outset border all the way around."
+              RenderBlock {P} at (5,197) size 758x40 [border: (10px inset #808000)]
+                RenderText {#text} at (10,10) size 519x20
+                  text run at (10,10) width 519: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
+              RenderBlock {P} at (5,253) size 758x40
+                RenderText {#text} at (0,0) size 348x20
+                  text run at (0,0) width 348: "This paragraph should have no border around it, as the "
+                RenderInline {TT} at (0,0) size 96x15
+                  RenderText {#text} at (348,4) size 96x15
+                    text run at (348,4) width 96: "border-style"
+                RenderText {#text} at (444,0) size 732x40
+                  text run at (444,0) width 288: " was not set, and it should not be offset in any"
+                  text run at (0,20) width 31: "way."
+              RenderBlock {P} at (5,309) size 758x46 [border: (3px double #800000)]
+                RenderText {#text} at (3,3) size 535x20
+                  text run at (3,3) width 535: "This paragraph should have a medium maroon double border around it, even though "
+                RenderInline {CODE} at (0,0) size 96x15
+                  RenderText {#text} at (538,7) size 96x15
+                    text run at (538,7) width 96: "border-width"
+                RenderText {#text} at (634,3) size 746x40
+                  text run at (634,3) width 115: " was not explicitly"
+                  text run at (3,23) width 21: "set."
+              RenderBlock {P} at (5,371) size 758x20
+                RenderText {#text} at (0,0) size 621x20
+                  text run at (0,0) width 621: "This paragraph should have no border around it, as its declaration is invalid and should be ignored."
+              RenderBlock {P} at (5,407) size 758x40
+                RenderInline {A} at (0,0) size 25x20
+                  RenderText {#text} at (0,0) size 25x20
+                    text run at (0,0) width 25: "The"
+                RenderText {#text} at (25,0) size 715x20
+                  text run at (25,0) width 715: " following image is also an anchor which points to a target on this page, but it should not have a border around it: "
+                RenderInline {A} at (0,0) size 15x20 [color=#0000FF]
+                  RenderImage {IMG} at (740,0) size 15x15
+                RenderText {#text} at (0,20) size 4x20
+                  text run at (0,20) width 4: "."
+              RenderTable {TABLE} at (5,463) size 758x121 [border: (1px outset #808080)]
+                RenderTableSection {TBODY} at (1,1) size 756x119
+                  RenderTableRow {TR} at (0,5) size 756x46
+                    RenderTableCell {TD} at (5,5) size 746x46 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+                      RenderText {#text} at (3,3) size 711x40
+                        text run at (3,3) width 405: "Every cell in this table should have a 2-pixel solid green border. "
+                        text run at (408,3) width 306: "This is also true of the table-testing section in the"
+                        text run at (3,23) width 175: "second half of the test page."
+                  RenderTableRow {TR} at (0,56) size 756x58
+                    RenderTableCell {TD} at (5,72) size 191x26 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+                      RenderText {#text} at (3,3) size 53x20
+                        text run at (3,3) width 53: "Cell one"
+                    RenderTableCell {TD} at (201,56) size 550x58 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (3,3) size 544x20
+                        RenderText {#text} at (0,0) size 54x20
+                          text run at (0,0) width 54: "Cell two"
+                      RenderTable {TABLE} at (3,23) size 163x32 [border: (1px outset #808080)]
+                        RenderTableSection {TBODY} at (1,1) size 161x30
+                          RenderTableRow {TR} at (0,2) size 161x26
+                            RenderTableCell {TD} at (2,2) size 157x26 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
+                              RenderText {#text} at (3,3) size 151x20
+                                text run at (3,3) width 151: "Nested single-cell table!"
+              RenderBlock {P} at (5,600) size 758x20
+                RenderText {#text} at (0,0) size 175x20
+                  text run at (0,0) width 175: "This is an unstyled element."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_bottom-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_bottom-expected.txt
new file mode 100644 (file)
index 0000000..44cbea0
--- /dev/null
@@ -0,0 +1,163 @@
+layer at (0,0) size 800x1065
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1065
+  RenderBlock {HTML} at (0,0) size 800x1065
+    RenderBody {BODY} at (8,8) size 784x1049 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x64
+        RenderText {#text} at (0,0) size 344x63
+          text run at (0,0) width 328: ".one {border-bottom: purple double 10px;}"
+          text run at (328,0) width 0: " "
+          text run at (0,16) width 320: ".two {border-bottom: purple thin solid;}"
+          text run at (320,16) width 0: " "
+          text run at (0,32) width 344: ".three {border-bottom: black medium solid;}"
+          text run at (344,32) width 0: " "
+          text run at (0,48) width 288: "TD {border-bottom: green 2px solid;}"
+          text run at (288,48) width 0: " "
+      RenderBlock {HR} at (0,113) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,131) size 784x40
+        RenderText {#text} at (0,0) size 779x40
+          text run at (0,0) width 658: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides. "
+          text run at (658,0) width 121: "This border applies"
+          text run at (0,20) width 317: "only to the cells, not the rows which contain them."
+      RenderBlock {P} at (0,187) size 784x30 [border: (10px double #800080) none]
+        RenderText {#text} at (0,0) size 438x20
+          text run at (0,0) width 438: "This paragraph should have a purple, double, 10-pixel bottom border."
+      RenderBlock {P} at (0,233) size 784x21 [border: (1px solid #800080) none]
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
+      RenderTable {TABLE} at (0,270) size 784x118 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x116
+          RenderTableRow {TR} at (0,5) size 782x45
+            RenderTableCell {TD} at (5,5) size 772x45 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderText {#text} at (2,2) size 759x40
+                text run at (2,2) width 453: "Every cell in this table should have a 2-pixel solid green bottom border. "
+                text run at (455,2) width 306: "This is also true of the table-testing section in the"
+                text run at (2,22) width 175: "second half of the test page."
+          RenderTableRow {TR} at (0,55) size 782x56
+            RenderTableCell {TD} at (5,70) size 196x25 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (2,2) size 53x20
+                text run at (2,2) width 53: "Cell one"
+            RenderTableCell {TD} at (206,55) size 571x56 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (2,2) size 567x20
+                RenderText {#text} at (0,0) size 54x20
+                  text run at (0,0) width 54: "Cell two"
+              RenderTable {TABLE} at (2,22) size 161x31 [border: (1px outset #808080)]
+                RenderTableSection {TBODY} at (1,1) size 159x29
+                  RenderTableRow {TR} at (0,2) size 159x25
+                    RenderTableCell {TD} at (2,2) size 155x25 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+                      RenderText {#text} at (2,2) size 151x20
+                        text run at (2,2) width 151: "Nested single-cell table!"
+      RenderBlock {UL} at (0,404) size 784x149
+        RenderListItem {LI} at (40,0) size 744x83 [border: (3px solid #000000) none]
+          RenderBlock (anonymous) at (0,0) size 744x20
+            RenderListMarker at (-18,0) size 7x20: bullet
+            RenderText {#text} at (0,0) size 118x20
+              text run at (0,0) width 118: "This is a list item..."
+          RenderBlock {UL} at (0,20) size 744x60
+            RenderListItem {LI} at (40,0) size 704x20
+              RenderListMarker at (-18,0) size 7x20: white bullet
+              RenderText {#text} at (0,0) size 73x20
+                text run at (0,0) width 73: "...and this..."
+            RenderListItem {LI} at (40,20) size 704x20
+              RenderListMarker at (-18,0) size 7x20: white bullet
+              RenderText {#text} at (0,0) size 115x20
+                text run at (0,0) width 115: "...is a second list..."
+            RenderListItem {LI} at (40,40) size 704x20
+              RenderListMarker at (-18,0) size 7x20: white bullet
+              RenderText {#text} at (0,0) size 176x20
+                text run at (0,0) width 176: "...nested within the list item."
+        RenderListItem {LI} at (40,83) size 744x23 [border: (3px solid #000000) none]
+          RenderListMarker at (-18,0) size 7x20: bullet
+          RenderText {#text} at (0,0) size 158x20
+            text run at (0,0) width 158: "This is a second list item."
+        RenderListItem {LI} at (40,106) size 744x43 [border: (3px solid #000000) none]
+          RenderListMarker at (-18,0) size 7x20: bullet
+          RenderText {#text} at (0,0) size 734x40
+            text run at (0,0) width 734: "Each list item in this list should have a medium-width black border at its bottom, which for the first item means that it"
+            text run at (0,20) width 92: "should appear "
+          RenderInline {EM} at (0,0) size 50x20
+            RenderText {#text} at (92,20) size 50x20
+              text run at (92,20) width 50: "beneath"
+          RenderText {#text} at (142,20) size 390x20
+            text run at (142,20) width 390: " the nested list (below the line \"...nested within the list item.\")."
+      RenderTable {TABLE} at (0,569) size 784x480 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x478
+          RenderTableRow {TR} at (0,0) size 782x31
+            RenderTableCell {TD} at (0,0) size 782x31 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,31) size 782x447
+            RenderTableCell {TD} at (0,240) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,31) size 770x447 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x40
+                RenderText {#text} at (0,0) size 731x40
+                  text run at (0,0) width 658: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides. "
+                  text run at (658,0) width 73: "This border"
+                  text run at (0,20) width 365: "applies only to the cells, not the rows which contain them."
+              RenderBlock {P} at (4,60) size 762x30 [border: (10px double #800080) none]
+                RenderText {#text} at (0,0) size 438x20
+                  text run at (0,0) width 438: "This paragraph should have a purple, double, 10-pixel bottom border."
+              RenderBlock {P} at (4,106) size 762x21 [border: (1px solid #800080) none]
+                RenderText {#text} at (0,0) size 355x20
+                  text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
+              RenderTable {TABLE} at (4,143) size 762x118 [border: (1px outset #808080)]
+                RenderTableSection {TBODY} at (1,1) size 760x116
+                  RenderTableRow {TR} at (0,5) size 760x45
+                    RenderTableCell {TD} at (5,5) size 750x45 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+                      RenderText {#text} at (2,2) size 736x40
+                        text run at (2,2) width 453: "Every cell in this table should have a 2-pixel solid green bottom border. "
+                        text run at (455,2) width 283: "This is also true of the table-testing section in"
+                        text run at (2,22) width 198: "the second half of the test page."
+                  RenderTableRow {TR} at (0,55) size 760x56
+                    RenderTableCell {TD} at (5,70) size 190x25 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+                      RenderText {#text} at (2,2) size 53x20
+                        text run at (2,2) width 53: "Cell one"
+                    RenderTableCell {TD} at (200,55) size 555x56 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (2,2) size 551x20
+                        RenderText {#text} at (0,0) size 54x20
+                          text run at (0,0) width 54: "Cell two"
+                      RenderTable {TABLE} at (2,22) size 161x31 [border: (1px outset #808080)]
+                        RenderTableSection {TBODY} at (1,1) size 159x29
+                          RenderTableRow {TR} at (0,2) size 159x25
+                            RenderTableCell {TD} at (2,2) size 155x25 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+                              RenderText {#text} at (2,2) size 151x20
+                                text run at (2,2) width 151: "Nested single-cell table!"
+              RenderBlock {UL} at (4,277) size 762x149
+                RenderListItem {LI} at (40,0) size 722x83 [border: (3px solid #000000) none]
+                  RenderBlock (anonymous) at (0,0) size 722x20
+                    RenderListMarker at (-18,0) size 7x20: bullet
+                    RenderText {#text} at (0,0) size 118x20
+                      text run at (0,0) width 118: "This is a list item..."
+                  RenderBlock {UL} at (0,20) size 722x60
+                    RenderListItem {LI} at (40,0) size 682x20
+                      RenderListMarker at (-18,0) size 7x20: white bullet
+                      RenderText {#text} at (0,0) size 73x20
+                        text run at (0,0) width 73: "...and this..."
+                    RenderListItem {LI} at (40,20) size 682x20
+                      RenderListMarker at (-18,0) size 7x20: white bullet
+                      RenderText {#text} at (0,0) size 115x20
+                        text run at (0,0) width 115: "...is a second list..."
+                    RenderListItem {LI} at (40,40) size 682x20
+                      RenderListMarker at (-18,0) size 7x20: white bullet
+                      RenderText {#text} at (0,0) size 176x20
+                        text run at (0,0) width 176: "...nested within the list item."
+                RenderListItem {LI} at (40,83) size 722x23 [border: (3px solid #000000) none]
+                  RenderListMarker at (-18,0) size 7x20: bullet
+                  RenderText {#text} at (0,0) size 158x20
+                    text run at (0,0) width 158: "This is a second list item."
+                RenderListItem {LI} at (40,106) size 722x43 [border: (3px solid #000000) none]
+                  RenderListMarker at (-18,0) size 7x20: bullet
+                  RenderText {#text} at (0,0) size 722x40
+                    text run at (0,0) width 722: "Each list item in this list should have a medium-width black border at its bottom, which for the first item means that"
+                    text run at (0,20) width 104: "it should appear "
+                  RenderInline {EM} at (0,0) size 50x20
+                    RenderText {#text} at (104,20) size 50x20
+                      text run at (104,20) width 50: "beneath"
+                  RenderText {#text} at (154,20) size 390x20
+                    text run at (154,20) width 390: " the nested list (below the line \"...nested within the list item.\")."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_bottom_inline-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_bottom_inline-expected.txt
new file mode 100644 (file)
index 0000000..a4a3e18
--- /dev/null
@@ -0,0 +1,59 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x48
+        RenderText {#text} at (0,0) size 328x47
+          text run at (0,0) width 328: ".one {border-bottom: purple double 10px;}"
+          text run at (328,0) width 0: " "
+          text run at (0,16) width 320: ".two {border-bottom: purple thin solid;}"
+          text run at (320,16) width 0: " "
+          text run at (0,32) width 0: " "
+      RenderBlock {HR} at (0,97) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,115) size 784x60 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 666x20
+          text run at (0,0) width 666: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
+        RenderInline {SPAN} at (0,0) size 57x30 [border: (10px double #800080) none]
+          RenderText {#text} at (666,0) size 57x20
+            text run at (666,0) width 57: "class one"
+        RenderText {#text} at (723,0) size 770x40
+          text run at (723,0) width 47: ", which"
+          text run at (0,20) width 362: "should have a 10-pixel purple double bottom border; and "
+        RenderInline {SPAN} at (0,0) size 58x21 [border: (1px solid #800080) none]
+          RenderText {#text} at (362,20) size 58x20
+            text run at (362,20) width 58: "class two"
+        RenderText {#text} at (420,20) size 761x40
+          text run at (420,20) width 341: ", which should have a thin solid purple bottom border."
+          text run at (0,40) width 429: "The line-height of the parent element should not change on any line."
+      RenderTable {TABLE} at (0,191) size 784x100 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x98
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x68
+            RenderTableCell {TD} at (0,50) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x68 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x60 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 666x20
+                  text run at (0,0) width 666: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
+                RenderInline {SPAN} at (0,0) size 57x30 [border: (10px double #800080) none]
+                  RenderText {#text} at (666,0) size 57x20
+                    text run at (666,0) width 57: "class one"
+                RenderText {#text} at (723,0) size 727x40
+                  text run at (723,0) width 4: ","
+                  text run at (0,20) width 405: "which should have a 10-pixel purple double bottom border; and "
+                RenderInline {SPAN} at (0,0) size 58x21 [border: (1px solid #800080) none]
+                  RenderText {#text} at (405,20) size 58x20
+                    text run at (405,20) width 58: "class two"
+                RenderText {#text} at (463,20) size 755x40
+                  text run at (463,20) width 292: ", which should have a thin solid purple bottom"
+                  text run at (0,40) width 49: "border. "
+                  text run at (49,40) width 429: "The line-height of the parent element should not change on any line."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_bottom_width-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_bottom_width-expected.txt
new file mode 100644 (file)
index 0000000..5558b6f
--- /dev/null
@@ -0,0 +1,103 @@
+layer at (0,0) size 800x921
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x921
+  RenderBlock {HTML} at (0,0) size 800x921
+    RenderBody {BODY} at (8,8) size 784x905 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x96
+        RenderText {#text} at (0,0) size 464x95
+          text run at (0,0) width 456: ".zero {background-color: silver; border-bottom-width: 0;}"
+          text run at (456,0) width 0: " "
+          text run at (0,16) width 432: ".one {border-bottom-width: 50px; border-style: solid;}"
+          text run at (432,16) width 0: " "
+          text run at (0,32) width 440: ".two {border-bottom-width: thick; border-style: solid;}"
+          text run at (440,32) width 0: " "
+          text run at (0,48) width 464: ".three {border-bottom-width: medium; border-style: solid;}"
+          text run at (464,48) width 0: " "
+          text run at (0,64) width 440: ".four {border-bottom-width: thin; border-style: solid;}"
+          text run at (440,64) width 0: " "
+          text run at (0,80) width 272: ".five {border-bottom-width: 25px;}"
+          text run at (272,80) width 0: " "
+      RenderBlock {HR} at (0,145) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,163) size 784x20
+        RenderText {#text} at (0,0) size 157x20
+          text run at (0,0) width 157: "(These will only work if "
+        RenderInline {CODE} at (0,0) size 96x15
+          RenderText {#text} at (157,4) size 96x15
+            text run at (157,4) width 96: "border-style"
+        RenderText {#text} at (253,0) size 89x20
+          text run at (253,0) width 89: " is supported.)"
+      RenderBlock {P} at (0,199) size 784x20 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x20
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (0,235) size 784x73 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
+        RenderText {#text} at (3,3) size 387x20
+          text run at (3,3) width 387: "This element should have a bottom border width of 50 pixels."
+      RenderBlock {P} at (0,324) size 784x28 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+        RenderText {#text} at (3,3) size 344x20
+          text run at (3,3) width 344: "This element should have a thick bottom border width."
+      RenderBlock {P} at (0,368) size 784x26 [border: (3px solid #000000)]
+        RenderText {#text} at (3,3) size 364x20
+          text run at (3,3) width 364: "This element should have a medium bottom border width."
+      RenderBlock {P} at (0,410) size 784x24 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+        RenderText {#text} at (3,3) size 337x20
+          text run at (3,3) width 337: "This element should have a thin bottom border width."
+      RenderBlock {P} at (0,450) size 784x20
+        RenderText {#text} at (0,0) size 537x20
+          text run at (0,0) width 537: "This element should have no border and no extra \"padding\" on its bottom side, as no "
+        RenderInline {CODE} at (0,0) size 96x15
+          RenderText {#text} at (537,4) size 96x15
+            text run at (537,4) width 96: "border-style"
+        RenderText {#text} at (633,0) size 54x20
+          text run at (633,0) width 54: " was set."
+      RenderBlock {P} at (0,486) size 784x20 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x20
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderTable {TABLE} at (0,522) size 709x383 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 707x381
+          RenderTableRow {TR} at (0,0) size 707x30
+            RenderTableCell {TD} at (0,0) size 707x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 707x351
+            RenderTableCell {TD} at (0,191) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 695x351 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 687x20
+                RenderText {#text} at (0,0) size 157x20
+                  text run at (0,0) width 157: "(These will only work if "
+                RenderInline {CODE} at (0,0) size 96x15
+                  RenderText {#text} at (157,4) size 96x15
+                    text run at (157,4) width 96: "border-style"
+                RenderText {#text} at (253,0) size 89x20
+                  text run at (253,0) width 89: " is supported.)"
+              RenderBlock {P} at (4,40) size 687x20 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x20
+                  text run at (0,0) width 203: "This element has a class of zero."
+              RenderBlock {P} at (4,76) size 687x73 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
+                RenderText {#text} at (3,3) size 387x20
+                  text run at (3,3) width 387: "This element should have a bottom border width of 50 pixels."
+              RenderBlock {P} at (4,165) size 687x28 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+                RenderText {#text} at (3,3) size 344x20
+                  text run at (3,3) width 344: "This element should have a thick bottom border width."
+              RenderBlock {P} at (4,209) size 687x26 [border: (3px solid #000000)]
+                RenderText {#text} at (3,3) size 364x20
+                  text run at (3,3) width 364: "This element should have a medium bottom border width."
+              RenderBlock {P} at (4,251) size 687x24 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+                RenderText {#text} at (3,3) size 337x20
+                  text run at (3,3) width 337: "This element should have a thin bottom border width."
+              RenderBlock {P} at (4,291) size 687x20
+                RenderText {#text} at (0,0) size 537x20
+                  text run at (0,0) width 537: "This element should have no border and no extra \"padding\" on its bottom side, as no "
+                RenderInline {CODE} at (0,0) size 96x15
+                  RenderText {#text} at (537,4) size 96x15
+                    text run at (537,4) width 96: "border-style"
+                RenderText {#text} at (633,0) size 54x20
+                  text run at (633,0) width 54: " was set."
+              RenderBlock {P} at (4,327) size 687x20 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x20
+                  text run at (0,0) width 203: "This element has a class of zero."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_bottom_width_inline-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_bottom_width_inline-expected.txt
new file mode 100644 (file)
index 0000000..0b42db4
--- /dev/null
@@ -0,0 +1,87 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x48
+        RenderText {#text} at (0,0) size 432x47
+          text run at (0,0) width 432: ".one {border-bottom-width: 25px; border-style: solid;}"
+          text run at (432,0) width 0: " "
+          text run at (0,16) width 432: ".two {border-bottom-width: thin; border-style: solid;}"
+          text run at (432,16) width 0: " "
+          text run at (0,32) width 280: ".three {border-bottom-width: 25px;}"
+          text run at (280,32) width 0: " "
+      RenderBlock {HR} at (0,97) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,115) size 784x108 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+        RenderText {#text} at (3,3) size 172x20
+          text run at (3,3) width 172: "This element has a class of "
+        RenderInline {TT} at (0,0) size 24x15
+          RenderText {#text} at (175,7) size 24x15
+            text run at (175,7) width 24: "one"
+        RenderText {#text} at (199,3) size 162x20
+          text run at (199,3) width 8: ". "
+          text run at (207,3) width 154: "However, it contains an "
+        RenderInline {SPAN} at (0,0) size 173x24 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+          RenderText {#text} at (364,3) size 143x20
+            text run at (364,3) width 143: "inline element of class "
+          RenderInline {TT} at (0,0) size 24x15
+            RenderText {#text} at (507,7) size 24x15
+              text run at (507,7) width 24: "two"
+        RenderText {#text} at (534,3) size 767x60
+          text run at (534,3) width 220: ", which should result in a thin solid"
+          text run at (3,23) width 716: "border on the bottom side of each box in the inline element (and the UA's default border on the other three sides). "
+          text run at (719,23) width 51: "There is"
+          text run at (3,43) width 48: "also an "
+        RenderInline {SPAN} at (0,0) size 183x20
+          RenderText {#text} at (51,43) size 143x20
+            text run at (51,43) width 143: "inline element of class "
+          RenderInline {TT} at (0,0) size 40x15
+            RenderText {#text} at (194,47) size 40x15
+              text run at (194,47) width 40: "three"
+        RenderText {#text} at (234,43) size 770x40
+          text run at (234,43) width 539: ", which should have no bottom border width or visible border because no border style"
+          text run at (3,63) width 50: "was set."
+      RenderTable {TABLE} at (0,239) size 784x148 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x146
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x116
+            RenderTableCell {TD} at (0,74) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x116 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x108 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+                RenderText {#text} at (3,3) size 172x20
+                  text run at (3,3) width 172: "This element has a class of "
+                RenderInline {TT} at (0,0) size 24x15
+                  RenderText {#text} at (175,7) size 24x15
+                    text run at (175,7) width 24: "one"
+                RenderText {#text} at (199,3) size 162x20
+                  text run at (199,3) width 8: ". "
+                  text run at (207,3) width 154: "However, it contains an "
+                RenderInline {SPAN} at (0,0) size 173x24 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+                  RenderText {#text} at (364,3) size 143x20
+                    text run at (364,3) width 143: "inline element of class "
+                  RenderInline {TT} at (0,0) size 24x15
+                    RenderText {#text} at (507,7) size 24x15
+                      text run at (507,7) width 24: "two"
+                RenderText {#text} at (534,3) size 753x60
+                  text run at (534,3) width 220: ", which should result in a thin solid"
+                  text run at (3,23) width 716: "border on the bottom side of each box in the inline element (and the UA's default border on the other three sides). "
+                  text run at (719,23) width 37: "There"
+                  text run at (3,43) width 62: "is also an "
+                RenderInline {SPAN} at (0,0) size 183x20
+                  RenderText {#text} at (65,43) size 143x20
+                    text run at (65,43) width 143: "inline element of class "
+                  RenderInline {TT} at (0,0) size 40x15
+                    RenderText {#text} at (208,47) size 40x15
+                      text run at (208,47) width 40: "three"
+                RenderText {#text} at (248,43) size 751x40
+                  text run at (248,43) width 506: ", which should have no bottom border width or visible border because no border"
+                  text run at (3,63) width 83: "style was set."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_color-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_color-expected.txt
new file mode 100644 (file)
index 0000000..93b9a0a
--- /dev/null
@@ -0,0 +1,49 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x48
+        RenderText {#text} at (0,0) size 728x47
+          text run at (0,0) width 392: ".one {border-color: purple; border-style: solid;}"
+          text run at (392,0) width 0: " "
+          text run at (0,16) width 568: ".two {border-color: purple; border-width: medium; border-style: solid;}"
+          text run at (568,16) width 0: " "
+          text run at (0,32) width 728: ".three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}"
+          text run at (728,32) width 0: " "
+      RenderBlock {HR} at (0,97) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,115) size 784x26 [border: (3px solid #800080)]
+        RenderText {#text} at (3,3) size 357x20
+          text run at (3,3) width 357: "This element should have a purple border surrounding it."
+      RenderBlock {P} at (0,157) size 784x26 [border: (3px solid #800080)]
+        RenderText {#text} at (3,3) size 453x20
+          text run at (3,3) width 453: "This element should have a medium-width purple border surrounding it."
+      RenderBlock {P} at (0,199) size 784x46 [border: (3px solid #800080) (3px solid #008000) (3px solid #0000FF) (3px solid #FFFF00)]
+        RenderText {#text} at (3,3) size 763x40
+          text run at (3,3) width 763: "This element should be surrounded by a medium width border which is purple on top, green on the right side, blue on the"
+          text run at (3,23) width 222: "bottom, and yellow on the left side."
+      RenderTable {TABLE} at (0,261) size 784x170 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x168
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x138
+            RenderTableCell {TD} at (0,85) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x138 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x26 [border: (3px solid #800080)]
+                RenderText {#text} at (3,3) size 357x20
+                  text run at (3,3) width 357: "This element should have a purple border surrounding it."
+              RenderBlock {P} at (4,46) size 762x26 [border: (3px solid #800080)]
+                RenderText {#text} at (3,3) size 453x20
+                  text run at (3,3) width 453: "This element should have a medium-width purple border surrounding it."
+              RenderBlock {P} at (4,88) size 762x46 [border: (3px solid #800080) (3px solid #008000) (3px solid #0000FF) (3px solid #FFFF00)]
+                RenderText {#text} at (3,3) size 740x40
+                  text run at (3,3) width 740: "This element should be surrounded by a medium width border which is purple on top, green on the right side, blue on"
+                  text run at (3,23) width 245: "the bottom, and yellow on the left side."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_color_inline-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_color_inline-expected.txt
new file mode 100644 (file)
index 0000000..c8c4129
--- /dev/null
@@ -0,0 +1,74 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x48
+        RenderText {#text} at (0,0) size 728x47
+          text run at (0,0) width 392: ".one {border-color: purple; border-style: solid;}"
+          text run at (392,0) width 0: " "
+          text run at (0,16) width 568: ".two {border-color: purple; border-width: medium; border-style: solid;}"
+          text run at (568,16) width 0: " "
+          text run at (0,32) width 728: ".three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}"
+          text run at (728,32) width 0: " "
+      RenderBlock {HR} at (0,97) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,115) size 784x80 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 677x20
+          text run at (0,0) width 677: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
+        RenderInline {SPAN} at (0,0) size 63x26 [border: (3px solid #800080)]
+          RenderText {#text} at (680,0) size 57x20
+            text run at (680,0) width 57: "class one"
+        RenderText {#text} at (740,0) size 8x20
+          text run at (740,0) width 8: ", "
+        RenderInline {SPAN} at (0,0) size 781x46 [border: (3px solid #800080)]
+          RenderText {#text} at (751,0) size 781x40
+            text run at (751,0) width 30: "class"
+            text run at (0,20) width 24: "two"
+        RenderText {#text} at (27,20) size 35x20
+          text run at (27,20) width 35: ", and "
+        RenderInline {SPAN} at (0,0) size 71x26 [border: (3px solid #800080) (3px solid #008000) (3px solid #0000FF) (3px solid #FFFF00)]
+          RenderText {#text} at (65,20) size 65x20
+            text run at (65,20) width 65: "class three"
+        RenderText {#text} at (133,20) size 764x60
+          text run at (133,20) width 8: ". "
+          text run at (141,20) width 623: "The effect for each inline element should be to have a purple medium-width solid border in the first"
+          text run at (0,40) width 569: "and second cases, and a purple-green-blue-yellow medium-width solid border in the third. "
+          text run at (569,40) width 179: "The line-height of the parent"
+          text run at (0,60) width 284: "element should not change at all, on any line."
+      RenderTable {TABLE} at (0,211) size 784x120 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x118
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x88
+            RenderTableCell {TD} at (0,60) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x88 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x80 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 677x20
+                  text run at (0,0) width 677: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
+                RenderInline {SPAN} at (0,0) size 63x26 [border: (3px solid #800080)]
+                  RenderText {#text} at (680,0) size 57x20
+                    text run at (680,0) width 57: "class one"
+                RenderText {#text} at (740,0) size 4x20
+                  text run at (740,0) width 4: ","
+                RenderInline {SPAN} at (0,0) size 64x26 [border: (3px solid #800080)]
+                  RenderText {#text} at (3,20) size 58x20
+                    text run at (3,20) width 58: "class two"
+                RenderText {#text} at (64,20) size 35x20
+                  text run at (64,20) width 35: ", and "
+                RenderInline {SPAN} at (0,0) size 71x26 [border: (3px solid #800080) (3px solid #008000) (3px solid #0000FF) (3px solid #FFFF00)]
+                  RenderText {#text} at (102,20) size 65x20
+                    text run at (102,20) width 65: "class three"
+                RenderText {#text} at (170,20) size 756x60
+                  text run at (170,20) width 8: ". "
+                  text run at (178,20) width 572: "The effect for each inline element should be to have a purple medium-width solid border in"
+                  text run at (0,40) width 620: "the first and second cases, and a purple-green-blue-yellow medium-width solid border in the third. "
+                  text run at (620,40) width 136: "The line-height of the"
+                  text run at (0,60) width 327: "parent element should not change at all, on any line."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_inline-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_inline-expected.txt
new file mode 100644 (file)
index 0000000..9d1a70e
--- /dev/null
@@ -0,0 +1,58 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x48
+        RenderText {#text} at (0,0) size 256x47
+          text run at (0,0) width 256: ".one {border: 10px teal outset;}"
+          text run at (256,0) width 0: " "
+          text run at (0,16) width 256: ".two {border: 10px olive inset;}"
+          text run at (256,16) width 0: " "
+          text run at (0,32) width 0: " "
+      RenderBlock {HR} at (0,97) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,115) size 784x60 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 677x20
+          text run at (0,0) width 677: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
+        RenderInline {SPAN} at (0,0) size 77x40 [border: (10px outset #008080)]
+          RenderText {#text} at (687,0) size 57x20
+            text run at (687,0) width 57: "class one"
+        RenderText {#text} at (754,0) size 758x40
+          text run at (754,0) width 4: ","
+          text run at (0,20) width 353: "which should result in a 10-pixel outset teal border; and "
+        RenderInline {SPAN} at (0,0) size 78x40 [border: (10px inset #808000)]
+          RenderText {#text} at (363,20) size 58x20
+            text run at (363,20) width 58: "class two"
+        RenderText {#text} at (431,20) size 762x40
+          text run at (431,20) width 331: ", which should result in a 10-pixel inset olive border."
+          text run at (0,40) width 429: "The line-height of the parent element should not change on any line."
+      RenderTable {TABLE} at (0,191) size 784x100 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x98
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x68
+            RenderTableCell {TD} at (0,50) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x68 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x60 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 677x20
+                  text run at (0,0) width 677: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
+                RenderInline {SPAN} at (0,0) size 77x40 [border: (10px outset #008080)]
+                  RenderText {#text} at (687,0) size 57x20
+                    text run at (687,0) width 57: "class one"
+                RenderText {#text} at (754,0) size 758x40
+                  text run at (754,0) width 4: ","
+                  text run at (0,20) width 353: "which should result in a 10-pixel outset teal border; and "
+                RenderInline {SPAN} at (0,0) size 78x40 [border: (10px inset #808000)]
+                  RenderText {#text} at (363,20) size 58x20
+                    text run at (363,20) width 58: "class two"
+                RenderText {#text} at (431,20) size 762x40
+                  text run at (431,20) width 331: ", which should result in a 10-pixel inset olive border."
+                  text run at (0,40) width 429: "The line-height of the parent element should not change on any line."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_left-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_left-expected.txt
new file mode 100644 (file)
index 0000000..51a5651
--- /dev/null
@@ -0,0 +1,162 @@
+layer at (0,0) size 800x1105
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1105
+  RenderBlock {HTML} at (0,0) size 800x1105
+    RenderBody {BODY} at (8,8) size 784x1089 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (20,0) size 764x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x112
+        RenderText {#text} at (0,0) size 344x111
+          text run at (0,0) width 176: "P {margin-left: 20px;}"
+          text run at (176,0) width 0: " "
+          text run at (0,16) width 312: ".one {border-left: purple double 10px;}"
+          text run at (312,16) width 0: " "
+          text run at (0,32) width 304: ".two {border-left: purple thin solid;}"
+          text run at (304,32) width 0: " "
+          text run at (0,48) width 336: ".threea {border-left: black medium solid;}"
+          text run at (336,48) width 0: " "
+          text run at (0,64) width 344: ".threeb {border-left: purple medium solid;}"
+          text run at (344,64) width 0: " "
+          text run at (0,80) width 328: ".threec {border-left: blue medium solid;}"
+          text run at (328,80) width 0: " "
+          text run at (0,96) width 272: "TD {border-left: green 2px solid;}"
+          text run at (272,96) width 0: " "
+      RenderBlock {HR} at (0,161) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (20,179) size 764x40
+        RenderText {#text} at (0,0) size 755x40
+          text run at (0,0) width 634: "Note that all table cells on this page should have a two-pixel solid green border along their left sides. "
+          text run at (634,0) width 121: "This border applies"
+          text run at (0,20) width 317: "only to the cells, not the rows which contain them."
+      RenderBlock {P} at (20,235) size 764x20 [border: (10px double #800080)]
+        RenderText {#text} at (10,0) size 414x20
+          text run at (10,0) width 414: "This paragraph should have a purple, double, 10-pixel left border."
+      RenderBlock {P} at (20,271) size 764x20 [border: (1px solid #800080)]
+        RenderText {#text} at (1,0) size 331x20
+          text run at (1,0) width 331: "This paragraph should have a thin purple left border."
+      RenderTable {TABLE} at (0,307) size 784x115 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x113
+          RenderTableRow {TR} at (0,5) size 782x44
+            RenderTableCell {TD} at (5,5) size 772x44 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+              RenderText {#text} at (3,2) size 735x40
+                text run at (3,2) width 429: "Every cell in this table should have a 2-pixel solid green left border. "
+                text run at (432,2) width 306: "This is also true of the table-testing section in the"
+                text run at (3,22) width 175: "second half of the test page."
+          RenderTableRow {TR} at (0,54) size 782x54
+            RenderTableCell {TD} at (5,69) size 197x24 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (3,2) size 53x20
+                text run at (3,2) width 53: "Cell one"
+            RenderTableCell {TD} at (207,54) size 570x54 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (3,2) size 565x20
+                RenderText {#text} at (0,0) size 54x20
+                  text run at (0,0) width 54: "Cell two"
+              RenderTable {TABLE} at (3,22) size 162x30 [border: (1px outset #808080)]
+                RenderTableSection {TBODY} at (1,1) size 160x28
+                  RenderTableRow {TR} at (0,2) size 160x24
+                    RenderTableCell {TD} at (2,2) size 156x24 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
+                      RenderText {#text} at (3,2) size 151x20
+                        text run at (3,2) width 151: "Nested single-cell table!"
+      RenderBlock {UL} at (0,438) size 784x160
+        RenderListItem {LI} at (40,0) size 744x80 [border: (3px solid #000000)]
+          RenderBlock (anonymous) at (3,0) size 741x20
+            RenderListMarker at (-21,0) size 7x20: bullet
+            RenderText {#text} at (0,0) size 118x20
+              text run at (0,0) width 118: "This is a list item..."
+          RenderBlock {UL} at (3,20) size 741x60
+            RenderListItem {LI} at (40,0) size 701x20
+              RenderListMarker at (-18,0) size 7x20: white bullet
+              RenderText {#text} at (0,0) size 73x20
+                text run at (0,0) width 73: "...and this..."
+            RenderListItem {LI} at (40,20) size 701x20
+              RenderListMarker at (-18,0) size 7x20: white bullet
+              RenderText {#text} at (0,0) size 115x20
+                text run at (0,0) width 115: "...is a second list..."
+            RenderListItem {LI} at (40,40) size 701x20
+              RenderListMarker at (-18,0) size 7x20: white bullet
+              RenderText {#text} at (0,0) size 176x20
+                text run at (0,0) width 176: "...nested within the list item."
+        RenderListItem {LI} at (40,80) size 744x20 [border: (3px solid #800080)]
+          RenderListMarker at (-18,0) size 7x20: bullet
+          RenderText {#text} at (3,0) size 158x20
+            text run at (3,0) width 158: "This is a second list item."
+        RenderListItem {LI} at (40,100) size 744x60 [border: (3px solid #0000FF)]
+          RenderListMarker at (-18,0) size 7x20: bullet
+          RenderText {#text} at (3,0) size 720x60
+            text run at (3,0) width 695: "Each list item in this 'parent' list should have a medium-width border along its left side, in each of three colors. "
+            text run at (698,0) width 25: "The"
+            text run at (3,20) width 719: "first item's border should travel the entire height the nested list (to end near the baseline of the line \"...nested within"
+            text run at (3,40) width 490: "the list item.\"), even though the nested list does not have any border styles set."
+      RenderTable {TABLE} at (0,614) size 784x475 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x473
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (5,4) size 163x22
+                  text run at (5,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x443
+            RenderTableCell {TD} at (0,237) size 13x28 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (5,4) size 4x20
+                text run at (5,4) width 4: " "
+            RenderTableCell {TD} at (13,30) size 769x443 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (25,4) size 740x40
+                RenderText {#text} at (0,0) size 707x40
+                  text run at (0,0) width 634: "Note that all table cells on this page should have a two-pixel solid green border along their left sides. "
+                  text run at (634,0) width 73: "This border"
+                  text run at (0,20) width 365: "applies only to the cells, not the rows which contain them."
+              RenderBlock {P} at (25,60) size 740x20 [border: (10px double #800080)]
+                RenderText {#text} at (10,0) size 414x20
+                  text run at (10,0) width 414: "This paragraph should have a purple, double, 10-pixel left border."
+              RenderBlock {P} at (25,96) size 740x20 [border: (1px solid #800080)]
+                RenderText {#text} at (1,0) size 331x20
+                  text run at (1,0) width 331: "This paragraph should have a thin purple left border."
+              RenderTable {TABLE} at (5,132) size 760x115 [border: (1px outset #808080)]
+                RenderTableSection {TBODY} at (1,1) size 758x113
+                  RenderTableRow {TR} at (0,5) size 758x44
+                    RenderTableCell {TD} at (5,5) size 748x44 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+                      RenderText {#text} at (3,2) size 735x40
+                        text run at (3,2) width 429: "Every cell in this table should have a 2-pixel solid green left border. "
+                        text run at (432,2) width 306: "This is also true of the table-testing section in the"
+                        text run at (3,22) width 175: "second half of the test page."
+                  RenderTableRow {TR} at (0,54) size 758x54
+                    RenderTableCell {TD} at (5,69) size 191x24 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+                      RenderText {#text} at (3,2) size 53x20
+                        text run at (3,2) width 53: "Cell one"
+                    RenderTableCell {TD} at (201,54) size 552x54 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (3,2) size 547x20
+                        RenderText {#text} at (0,0) size 54x20
+                          text run at (0,0) width 54: "Cell two"
+                      RenderTable {TABLE} at (3,22) size 162x30 [border: (1px outset #808080)]
+                        RenderTableSection {TBODY} at (1,1) size 160x28
+                          RenderTableRow {TR} at (0,2) size 160x24
+                            RenderTableCell {TD} at (2,2) size 156x24 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
+                              RenderText {#text} at (3,2) size 151x20
+                                text run at (3,2) width 151: "Nested single-cell table!"
+              RenderBlock {UL} at (5,263) size 760x160
+                RenderListItem {LI} at (40,0) size 720x80 [border: (3px solid #000000)]
+                  RenderBlock (anonymous) at (3,0) size 717x20
+                    RenderListMarker at (-21,0) size 7x20: bullet
+                    RenderText {#text} at (0,0) size 118x20
+                      text run at (0,0) width 118: "This is a list item..."
+                  RenderBlock {UL} at (3,20) size 717x60
+                    RenderListItem {LI} at (40,0) size 677x20
+                      RenderListMarker at (-18,0) size 7x20: white bullet
+                      RenderText {#text} at (0,0) size 73x20
+                        text run at (0,0) width 73: "...and this..."
+                    RenderListItem {LI} at (40,20) size 677x20
+                      RenderListMarker at (-18,0) size 7x20: white bullet
+                      RenderText {#text} at (0,0) size 115x20
+                        text run at (0,0) width 115: "...is a second list..."
+                    RenderListItem {LI} at (40,40) size 677x20
+                      RenderListMarker at (-18,0) size 7x20: white bullet
+                      RenderText {#text} at (0,0) size 176x20
+                        text run at (0,0) width 176: "...nested within the list item."
+                RenderListItem {LI} at (40,80) size 720x20 [border: (3px solid #800080)]
+                  RenderListMarker at (-18,0) size 7x20: bullet
+                  RenderText {#text} at (3,0) size 158x20
+                    text run at (3,0) width 158: "This is a second list item."
+                RenderListItem {LI} at (40,100) size 720x60 [border: (3px solid #0000FF)]
+                  RenderListMarker at (-18,0) size 7x20: bullet
+                  RenderText {#text} at (3,0) size 704x60
+                    text run at (3,0) width 691: "Each list item in this 'parent' list should have a medium-width border along its left side, in each of three colors."
+                    text run at (3,20) width 704: "The first item's border should travel the entire height the nested list (to end near the baseline of the line \"...nested"
+                    text run at (3,40) width 534: "within the list item.\"), even though the nested list does not have any border styles set."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_left_inline-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_left_inline-expected.txt
new file mode 100644 (file)
index 0000000..bd16b2a
--- /dev/null
@@ -0,0 +1,61 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (20,0) size 764x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x64
+        RenderText {#text} at (0,0) size 312x63
+          text run at (0,0) width 176: "P {margin-left: 20px;}"
+          text run at (176,0) width 0: " "
+          text run at (0,16) width 312: ".one {border-left: purple double 10px;}"
+          text run at (312,16) width 0: " "
+          text run at (0,32) width 304: ".two {border-left: purple thin solid;}"
+          text run at (304,32) width 0: " "
+          text run at (0,48) width 0: " "
+      RenderBlock {HR} at (0,113) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (20,131) size 764x60 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 760x20
+          text run at (0,0) width 760: "This paragraph has a background color of silver and a 20-pixel left margin, and it contains inline elements with classes of"
+        RenderInline {SPAN} at (0,0) size 67x20 [border: (10px double #800080)]
+          RenderText {#text} at (10,20) size 57x20
+            text run at (10,20) width 57: "class one"
+        RenderText {#text} at (67,20) size 389x20
+          text run at (67,20) width 389: ", which should have a 10-pixel purple double left border; and "
+        RenderInline {SPAN} at (0,0) size 59x20 [border: (1px solid #800080)]
+          RenderText {#text} at (457,20) size 58x20
+            text run at (457,20) width 58: "class two"
+        RenderText {#text} at (515,20) size 759x40
+          text run at (515,20) width 244: ", which should have a thin solid purple"
+          text run at (0,40) width 73: "left border. "
+          text run at (73,40) width 429: "The line-height of the parent element should not change on any line."
+      RenderTable {TABLE} at (0,207) size 784x100 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x98
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x68
+            RenderTableCell {TD} at (0,50) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x68 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (24,4) size 742x60 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 696x40
+                  text run at (0,0) width 696: "This paragraph has a background color of silver and a 20-pixel left margin, and it contains inline elements with"
+                  text run at (0,20) width 64: "classes of "
+                RenderInline {SPAN} at (0,0) size 67x20 [border: (10px double #800080)]
+                  RenderText {#text} at (74,20) size 57x20
+                    text run at (74,20) width 57: "class one"
+                RenderText {#text} at (131,20) size 389x20
+                  text run at (131,20) width 389: ", which should have a 10-pixel purple double left border; and "
+                RenderInline {SPAN} at (0,0) size 59x20 [border: (1px solid #800080)]
+                  RenderText {#text} at (521,20) size 58x20
+                    text run at (521,20) width 58: "class two"
+                RenderText {#text} at (579,20) size 717x40
+                  text run at (579,20) width 138: ", which should have a"
+                  text run at (0,40) width 179: "thin solid purple left border. "
+                  text run at (179,40) width 429: "The line-height of the parent element should not change on any line."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_left_width-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_left_width-expected.txt
new file mode 100644 (file)
index 0000000..09cffcc
--- /dev/null
@@ -0,0 +1,102 @@
+layer at (0,0) size 800x855
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x855
+  RenderBlock {HTML} at (0,0) size 800x855
+    RenderBody {BODY} at (8,8) size 784x839 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x96
+        RenderText {#text} at (0,0) size 448x95
+          text run at (0,0) width 440: ".zero {background-color: silver; border-left-width: 0;}"
+          text run at (440,0) width 0: " "
+          text run at (0,16) width 416: ".one {border-left-width: 50px; border-style: solid;}"
+          text run at (416,16) width 0: " "
+          text run at (0,32) width 424: ".two {border-left-width: thick; border-style: solid;}"
+          text run at (424,32) width 0: " "
+          text run at (0,48) width 448: ".three {border-left-width: medium; border-style: solid;}"
+          text run at (448,48) width 0: " "
+          text run at (0,64) width 424: ".four {border-left-width: thin; border-style: solid;}"
+          text run at (424,64) width 0: " "
+          text run at (0,80) width 256: ".five {border-left-width: 25px;}"
+          text run at (256,80) width 0: " "
+      RenderBlock {HR} at (0,145) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,163) size 784x20
+        RenderText {#text} at (0,0) size 157x20
+          text run at (0,0) width 157: "(These will only work if "
+        RenderInline {CODE} at (0,0) size 96x15
+          RenderText {#text} at (157,4) size 96x15
+            text run at (157,4) width 96: "border-style"
+        RenderText {#text} at (253,0) size 89x20
+          text run at (253,0) width 89: " is supported.)"
+      RenderBlock {P} at (0,199) size 784x20 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x20
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (0,235) size 784x46 [border: (3px solid #000000) (50px solid #000000)]
+        RenderText {#text} at (50,3) size 713x40
+          text run at (50,3) width 713: "This element should have a left border width of 50 pixels, which will be more obvious if the element is more than"
+          text run at (50,23) width 86: "one line long."
+      RenderBlock {P} at (0,297) size 784x26 [border: (3px solid #000000) (5px solid #000000)]
+        RenderText {#text} at (5,3) size 760x20
+          text run at (5,3) width 760: "This element should have a thick left border width, which will be more obvious if the element is more than one line long."
+      RenderBlock {P} at (0,339) size 784x46 [border: (3px solid #000000)]
+        RenderText {#text} at (3,3) size 744x40
+          text run at (3,3) width 744: "This element should have a medium left border width, which will be more obvious if the element is more than one line"
+          text run at (3,23) width 32: "long."
+      RenderBlock {P} at (0,401) size 784x26 [border: (3px solid #000000) (1px solid #000000)]
+        RenderText {#text} at (1,3) size 753x20
+          text run at (1,3) width 753: "This element should have a thin left border width, which will be more obvious if the element is more than one line long."
+      RenderBlock {P} at (0,443) size 784x20
+        RenderText {#text} at (0,0) size 513x20
+          text run at (0,0) width 513: "This element should have no border and no extra \"padding\" on its left side, as no "
+        RenderInline {CODE} at (0,0) size 96x15
+          RenderText {#text} at (513,4) size 96x15
+            text run at (513,4) width 96: "border-style"
+        RenderText {#text} at (609,0) size 54x20
+          text run at (609,0) width 54: " was set."
+      RenderTable {TABLE} at (0,479) size 784x360 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x358
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x328
+            RenderTableCell {TD} at (0,180) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x328 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x20
+                RenderText {#text} at (0,0) size 157x20
+                  text run at (0,0) width 157: "(These will only work if "
+                RenderInline {CODE} at (0,0) size 96x15
+                  RenderText {#text} at (157,4) size 96x15
+                    text run at (157,4) width 96: "border-style"
+                RenderText {#text} at (253,0) size 89x20
+                  text run at (253,0) width 89: " is supported.)"
+              RenderBlock {P} at (4,40) size 762x20 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x20
+                  text run at (0,0) width 203: "This element has a class of zero."
+              RenderBlock {P} at (4,76) size 762x46 [border: (3px solid #000000) (50px solid #000000)]
+                RenderText {#text} at (50,3) size 682x40
+                  text run at (50,3) width 682: "This element should have a left border width of 50 pixels, which will be more obvious if the element is more"
+                  text run at (50,23) width 117: "than one line long."
+              RenderBlock {P} at (4,138) size 762x46 [border: (3px solid #000000) (5px solid #000000)]
+                RenderText {#text} at (5,3) size 724x40
+                  text run at (5,3) width 724: "This element should have a thick left border width, which will be more obvious if the element is more than one line"
+                  text run at (5,23) width 32: "long."
+              RenderBlock {P} at (4,200) size 762x46 [border: (3px solid #000000)]
+                RenderText {#text} at (3,3) size 744x40
+                  text run at (3,3) width 744: "This element should have a medium left border width, which will be more obvious if the element is more than one line"
+                  text run at (3,23) width 32: "long."
+              RenderBlock {P} at (4,262) size 762x26 [border: (3px solid #000000) (1px solid #000000)]
+                RenderText {#text} at (1,3) size 753x20
+                  text run at (1,3) width 753: "This element should have a thin left border width, which will be more obvious if the element is more than one line long."
+              RenderBlock {P} at (4,304) size 762x20
+                RenderText {#text} at (0,0) size 513x20
+                  text run at (0,0) width 513: "This element should have no border and no extra \"padding\" on its left side, as no "
+                RenderInline {CODE} at (0,0) size 96x15
+                  RenderText {#text} at (513,4) size 96x15
+                    text run at (513,4) width 96: "border-style"
+                RenderText {#text} at (609,0) size 54x20
+                  text run at (609,0) width 54: " was set."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_left_width_inline-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_left_width_inline-expected.txt
new file mode 100644 (file)
index 0000000..f6e1a9f
--- /dev/null
@@ -0,0 +1,97 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x48
+        RenderText {#text} at (0,0) size 416x47
+          text run at (0,0) width 416: ".one {border-left-width: 25px; border-style: solid;}"
+          text run at (416,0) width 0: " "
+          text run at (0,16) width 416: ".two {border-left-width: thin; border-style: solid;}"
+          text run at (416,16) width 0: " "
+          text run at (0,32) width 264: ".three {border-left-width: 25px;}"
+          text run at (264,32) width 0: " "
+      RenderBlock {HR} at (0,97) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,115) size 784x88 [border: (3px solid #000000) (25px solid #000000)]
+        RenderText {#text} at (25,3) size 172x20
+          text run at (25,3) width 172: "This element has a class of "
+        RenderInline {TT} at (0,0) size 24x15
+          RenderText {#text} at (197,7) size 24x15
+            text run at (197,7) width 24: "one"
+        RenderText {#text} at (221,3) size 162x20
+          text run at (221,3) width 8: ". "
+          text run at (229,3) width 154: "However, it contains an "
+        RenderInline {SPAN} at (0,0) size 171x26 [border: (3px solid #000000) (1px solid #000000)]
+          RenderText {#text} at (384,3) size 143x20
+            text run at (384,3) width 143: "inline element of class "
+          RenderInline {TT} at (0,0) size 24x15
+            RenderText {#text} at (527,7) size 24x15
+              text run at (527,7) width 24: "two"
+        RenderText {#text} at (554,3) size 749x41
+          text run at (554,3) width 220: ", which should result in a thin solid"
+          text run at (25,24) width 181: "border on the left side of the "
+        RenderInline {STRONG} at (0,0) size 27x22
+          RenderText {#text} at (206,23) size 27x22
+            text run at (206,23) width 27: "first"
+        RenderText {#text} at (233,24) size 750x41
+          text run at (233,24) width 505: " box in the inline element (and the UA's default border on the other three sides). "
+          text run at (738,24) width 37: "There"
+          text run at (25,45) width 62: "is also an "
+        RenderInline {SPAN} at (0,0) size 183x20
+          RenderText {#text} at (87,45) size 143x20
+            text run at (87,45) width 143: "inline element of class "
+          RenderInline {TT} at (0,0) size 40x15
+            RenderText {#text} at (230,49) size 40x15
+              text run at (230,49) width 40: "three"
+        RenderText {#text} at (270,45) size 727x40
+          text run at (270,45) width 482: ", which should have no left border width or visible border because no border"
+          text run at (25,65) width 83: "style was set."
+      RenderTable {TABLE} at (0,219) size 784x128 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x126
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x96
+            RenderTableCell {TD} at (0,64) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x96 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x88 [border: (3px solid #000000) (25px solid #000000)]
+                RenderText {#text} at (25,3) size 172x20
+                  text run at (25,3) width 172: "This element has a class of "
+                RenderInline {TT} at (0,0) size 24x15
+                  RenderText {#text} at (197,7) size 24x15
+                    text run at (197,7) width 24: "one"
+                RenderText {#text} at (221,3) size 162x20
+                  text run at (221,3) width 8: ". "
+                  text run at (229,3) width 154: "However, it contains an "
+                RenderInline {SPAN} at (0,0) size 171x26 [border: (3px solid #000000) (1px solid #000000)]
+                  RenderText {#text} at (384,3) size 143x20
+                    text run at (384,3) width 143: "inline element of class "
+                  RenderInline {TT} at (0,0) size 24x15
+                    RenderText {#text} at (527,7) size 24x15
+                      text run at (527,7) width 24: "two"
+                RenderText {#text} at (554,3) size 715x41
+                  text run at (554,3) width 186: ", which should result in a thin"
+                  text run at (25,24) width 215: "solid border on the left side of the "
+                RenderInline {STRONG} at (0,0) size 27x22
+                  RenderText {#text} at (240,23) size 27x22
+                    text run at (240,23) width 27: "first"
+                RenderText {#text} at (267,24) size 699x41
+                  text run at (267,24) width 457: " box in the inline element (and the UA's default border on the other three"
+                  text run at (25,45) width 44: "sides). "
+                  text run at (69,45) width 103: "There is also an "
+                RenderInline {SPAN} at (0,0) size 183x20
+                  RenderText {#text} at (172,45) size 143x20
+                    text run at (172,45) width 143: "inline element of class "
+                  RenderInline {TT} at (0,0) size 40x15
+                    RenderText {#text} at (315,49) size 40x15
+                      text run at (315,49) width 40: "three"
+                RenderText {#text} at (355,45) size 693x40
+                  text run at (355,45) width 363: ", which should have no left border width or visible border"
+                  text run at (25,65) width 202: "because no border style was set."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_right-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_right-expected.txt
new file mode 100644 (file)
index 0000000..1614702
--- /dev/null
@@ -0,0 +1,62 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 764x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x64
+        RenderText {#text} at (0,0) size 320x63
+          text run at (0,0) width 184: "P {margin-right: 20px;}"
+          text run at (184,0) width 0: " "
+          text run at (0,16) width 320: ".one {border-right: purple double 10px;}"
+          text run at (320,16) width 0: " "
+          text run at (0,32) width 312: ".two {border-right: purple thin solid;}"
+          text run at (312,32) width 0: " "
+          text run at (0,48) width 0: " "
+      RenderBlock {HR} at (0,113) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,131) size 764x60 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 752x40
+          text run at (0,0) width 752: "This paragraph has a background color of silver and a 20-pixel right margin, and it contains inline elements with classes"
+          text run at (0,20) width 17: "of "
+        RenderInline {SPAN} at (0,0) size 67x20 [border: (10px double #800080) none]
+          RenderText {#text} at (17,20) size 57x20
+            text run at (17,20) width 57: "class one"
+        RenderText {#text} at (84,20) size 398x20
+          text run at (84,20) width 398: ", which should have a 10-pixel purple double right border; and "
+        RenderInline {SPAN} at (0,0) size 59x20 [border: (1px solid #800080) none]
+          RenderText {#text} at (482,20) size 58x20
+            text run at (482,20) width 58: "class two"
+        RenderText {#text} at (541,20) size 741x40
+          text run at (541,20) width 200: ", which should have a thin solid"
+          text run at (0,40) width 126: "purple right border. "
+          text run at (126,40) width 429: "The line-height of the parent element should not change on any line."
+      RenderTable {TABLE} at (0,207) size 784x100 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x98
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x68
+            RenderTableCell {TD} at (0,50) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x68 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 742x60 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 705x40
+                  text run at (0,0) width 705: "This paragraph has a background color of silver and a 20-pixel right margin, and it contains inline elements with"
+                  text run at (0,20) width 64: "classes of "
+                RenderInline {SPAN} at (0,0) size 67x20 [border: (10px double #800080) none]
+                  RenderText {#text} at (64,20) size 57x20
+                    text run at (64,20) width 57: "class one"
+                RenderText {#text} at (131,20) size 398x20
+                  text run at (131,20) width 398: ", which should have a 10-pixel purple double right border; and "
+                RenderInline {SPAN} at (0,0) size 59x20 [border: (1px solid #800080) none]
+                  RenderText {#text} at (529,20) size 58x20
+                    text run at (529,20) width 58: "class two"
+                RenderText {#text} at (588,20) size 726x40
+                  text run at (588,20) width 138: ", which should have a"
+                  text run at (0,40) width 188: "thin solid purple right border. "
+                  text run at (188,40) width 429: "The line-height of the parent element should not change on any line."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_right_inline-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_right_inline-expected.txt
new file mode 100644 (file)
index 0000000..56a7b11
--- /dev/null
@@ -0,0 +1,166 @@
+layer at (0,0) size 800x1145
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1145
+  RenderBlock {HTML} at (0,0) size 800x1145
+    RenderBody {BODY} at (8,8) size 784x1129 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 764x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x112
+        RenderText {#text} at (0,0) size 352x111
+          text run at (0,0) width 184: "P {margin-right: 20px;}"
+          text run at (184,0) width 0: " "
+          text run at (0,16) width 320: ".one {border-right: purple double 10px;}"
+          text run at (320,16) width 0: " "
+          text run at (0,32) width 312: ".two {border-right: purple thin solid;}"
+          text run at (312,32) width 0: " "
+          text run at (0,48) width 344: ".threea {border-right: black medium solid;}"
+          text run at (344,48) width 0: " "
+          text run at (0,64) width 352: ".threeb {border-right: purple medium solid;}"
+          text run at (352,64) width 0: " "
+          text run at (0,80) width 336: ".threec {border-right: blue medium solid;}"
+          text run at (336,80) width 0: " "
+          text run at (0,96) width 280: "TD {border-right: green 2px solid;}"
+          text run at (280,96) width 0: " "
+      RenderBlock {HR} at (0,161) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,179) size 764x40
+        RenderText {#text} at (0,0) size 764x40
+          text run at (0,0) width 643: "Note that all table cells on this page should have a two-pixel solid green border along their right sides. "
+          text run at (643,0) width 121: "This border applies"
+          text run at (0,20) width 317: "only to the cells, not the rows which contain them."
+      RenderBlock {P} at (0,235) size 764x20 [border: (10px double #800080) none]
+        RenderText {#text} at (0,0) size 423x20
+          text run at (0,0) width 423: "This paragraph should have a purple, double, 10-pixel right border."
+      RenderBlock {P} at (0,271) size 764x20 [border: (1px solid #800080) none]
+        RenderText {#text} at (0,0) size 340x20
+          text run at (0,0) width 340: "This paragraph should have a thin purple right border."
+      RenderTable {TABLE} at (0,307) size 784x115 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x113
+          RenderTableRow {TR} at (0,5) size 782x44
+            RenderTableCell {TD} at (5,5) size 772x44 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderText {#text} at (2,2) size 744x40
+                text run at (2,2) width 438: "Every cell in this table should have a 2-pixel solid green right border. "
+                text run at (440,2) width 306: "This is also true of the table-testing section in the"
+                text run at (2,22) width 175: "second half of the test page."
+          RenderTableRow {TR} at (0,54) size 782x54
+            RenderTableCell {TD} at (5,69) size 196x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (2,2) size 53x20
+                text run at (2,2) width 53: "Cell one"
+            RenderTableCell {TD} at (206,54) size 571x54 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (2,2) size 566x20
+                RenderText {#text} at (0,0) size 54x20
+                  text run at (0,0) width 54: "Cell two"
+              RenderTable {TABLE} at (2,22) size 162x30 [border: (1px outset #808080)]
+                RenderTableSection {TBODY} at (1,1) size 160x28
+                  RenderTableRow {TR} at (0,2) size 160x24
+                    RenderTableCell {TD} at (2,2) size 156x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+                      RenderText {#text} at (2,2) size 151x20
+                        text run at (2,2) width 151: "Nested single-cell table!"
+      RenderBlock {UL} at (0,438) size 784x180
+        RenderListItem {LI} at (40,0) size 744x80 [border: (3px solid #000000) none]
+          RenderBlock (anonymous) at (0,0) size 741x20
+            RenderListMarker at (-18,0) size 7x20: bullet
+            RenderText {#text} at (0,0) size 118x20
+              text run at (0,0) width 118: "This is a list item..."
+          RenderBlock {UL} at (0,20) size 741x60
+            RenderListItem {LI} at (40,0) size 701x20
+              RenderListMarker at (-18,0) size 7x20: white bullet
+              RenderText {#text} at (0,0) size 73x20
+                text run at (0,0) width 73: "...and this..."
+            RenderListItem {LI} at (40,20) size 701x20
+              RenderListMarker at (-18,0) size 7x20: white bullet
+              RenderText {#text} at (0,0) size 115x20
+                text run at (0,0) width 115: "...is a second list..."
+            RenderListItem {LI} at (40,40) size 701x20
+              RenderListMarker at (-18,0) size 7x20: white bullet
+              RenderText {#text} at (0,0) size 176x20
+                text run at (0,0) width 176: "...nested within the list item."
+        RenderListItem {LI} at (40,80) size 744x20 [border: (3px solid #800080) none]
+          RenderListMarker at (-18,0) size 7x20: bullet
+          RenderText {#text} at (0,0) size 158x20
+            text run at (0,0) width 158: "This is a second list item."
+        RenderListItem {LI} at (40,100) size 744x80 [border: (3px solid #0000FF) none]
+          RenderListMarker at (-18,0) size 7x20: bullet
+          RenderText {#text} at (0,0) size 733x80
+            text run at (0,0) width 704: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of three colors. "
+            text run at (704,0) width 25: "The"
+            text run at (0,20) width 719: "first item's border should travel the entire height the nested list (to end near the baseline of the line \"...nested within"
+            text run at (0,40) width 494: "the list item.\"), even though the nested list does not have any border styles set. "
+            text run at (494,40) width 239: "The borders should line up together at"
+            text run at (0,60) width 551: "the right edge of the document's body, as each list element has a default width of 100%."
+      RenderTable {TABLE} at (0,634) size 784x495 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x493
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x463
+            RenderTableCell {TD} at (0,247) size 13x28 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (13,30) size 769x463 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 740x40
+                RenderText {#text} at (0,0) size 716x40
+                  text run at (0,0) width 643: "Note that all table cells on this page should have a two-pixel solid green border along their right sides. "
+                  text run at (643,0) width 73: "This border"
+                  text run at (0,20) width 365: "applies only to the cells, not the rows which contain them."
+              RenderBlock {P} at (4,60) size 740x20 [border: (10px double #800080) none]
+                RenderText {#text} at (0,0) size 423x20
+                  text run at (0,0) width 423: "This paragraph should have a purple, double, 10-pixel right border."
+              RenderBlock {P} at (4,96) size 740x20 [border: (1px solid #800080) none]
+                RenderText {#text} at (0,0) size 340x20
+                  text run at (0,0) width 340: "This paragraph should have a thin purple right border."
+              RenderTable {TABLE} at (4,132) size 760x115 [border: (1px outset #808080)]
+                RenderTableSection {TBODY} at (1,1) size 758x113
+                  RenderTableRow {TR} at (0,5) size 758x44
+                    RenderTableCell {TD} at (5,5) size 748x44 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+                      RenderText {#text} at (2,2) size 721x40
+                        text run at (2,2) width 438: "Every cell in this table should have a 2-pixel solid green right border. "
+                        text run at (440,2) width 283: "This is also true of the table-testing section in"
+                        text run at (2,22) width 198: "the second half of the test page."
+                  RenderTableRow {TR} at (0,54) size 758x54
+                    RenderTableCell {TD} at (5,69) size 190x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+                      RenderText {#text} at (2,2) size 53x20
+                        text run at (2,2) width 53: "Cell one"
+                    RenderTableCell {TD} at (200,54) size 553x54 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (2,2) size 548x20
+                        RenderText {#text} at (0,0) size 54x20
+                          text run at (0,0) width 54: "Cell two"
+                      RenderTable {TABLE} at (2,22) size 162x30 [border: (1px outset #808080)]
+                        RenderTableSection {TBODY} at (1,1) size 160x28
+                          RenderTableRow {TR} at (0,2) size 160x24
+                            RenderTableCell {TD} at (2,2) size 156x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+                              RenderText {#text} at (2,2) size 151x20
+                                text run at (2,2) width 151: "Nested single-cell table!"
+              RenderBlock {UL} at (4,263) size 760x180
+                RenderListItem {LI} at (40,0) size 720x80 [border: (3px solid #000000) none]
+                  RenderBlock (anonymous) at (0,0) size 717x20
+                    RenderListMarker at (-18,0) size 7x20: bullet
+                    RenderText {#text} at (0,0) size 118x20
+                      text run at (0,0) width 118: "This is a list item..."
+                  RenderBlock {UL} at (0,20) size 717x60
+                    RenderListItem {LI} at (40,0) size 677x20
+                      RenderListMarker at (-18,0) size 7x20: white bullet
+                      RenderText {#text} at (0,0) size 73x20
+                        text run at (0,0) width 73: "...and this..."
+                    RenderListItem {LI} at (40,20) size 677x20
+                      RenderListMarker at (-18,0) size 7x20: white bullet
+                      RenderText {#text} at (0,0) size 115x20
+                        text run at (0,0) width 115: "...is a second list..."
+                    RenderListItem {LI} at (40,40) size 677x20
+                      RenderListMarker at (-18,0) size 7x20: white bullet
+                      RenderText {#text} at (0,0) size 176x20
+                        text run at (0,0) width 176: "...nested within the list item."
+                RenderListItem {LI} at (40,80) size 720x20 [border: (3px solid #800080) none]
+                  RenderListMarker at (-18,0) size 7x20: bullet
+                  RenderText {#text} at (0,0) size 158x20
+                    text run at (0,0) width 158: "This is a second list item."
+                RenderListItem {LI} at (40,100) size 720x80 [border: (3px solid #0000FF) none]
+                  RenderListMarker at (-18,0) size 7x20: bullet
+                  RenderText {#text} at (0,0) size 707x80
+                    text run at (0,0) width 700: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of three colors."
+                    text run at (0,20) width 704: "The first item's border should travel the entire height the nested list (to end near the baseline of the line \"...nested"
+                    text run at (0,40) width 538: "within the list item.\"), even though the nested list does not have any border styles set. "
+                    text run at (538,40) width 169: "The borders should line up"
+                    text run at (0,60) width 621: "together at the right edge of the document's body, as each list element has a default width of 100%."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_right_width-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_right_width-expected.txt
new file mode 100644 (file)
index 0000000..4d3c36e
--- /dev/null
@@ -0,0 +1,103 @@
+layer at (0,0) size 800x875
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x875
+  RenderBlock {HTML} at (0,0) size 800x875
+    RenderBody {BODY} at (8,8) size 784x859 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x96
+        RenderText {#text} at (0,0) size 456x95
+          text run at (0,0) width 448: ".zero {background-color: silver; border-right-width: 0;}"
+          text run at (448,0) width 0: " "
+          text run at (0,16) width 424: ".one {border-right-width: 25px; border-style: solid;}"
+          text run at (424,16) width 0: " "
+          text run at (0,32) width 432: ".two {border-right-width: thick; border-style: solid;}"
+          text run at (432,32) width 0: " "
+          text run at (0,48) width 456: ".three {border-right-width: medium; border-style: solid;}"
+          text run at (456,48) width 0: " "
+          text run at (0,64) width 432: ".four {border-right-width: thin; border-style: solid;}"
+          text run at (432,64) width 0: " "
+          text run at (0,80) width 272: ".five {border-right-width: 100px;}"
+          text run at (272,80) width 0: " "
+      RenderBlock {HR} at (0,145) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,163) size 784x20
+        RenderText {#text} at (0,0) size 157x20
+          text run at (0,0) width 157: "(These will only work if "
+        RenderInline {CODE} at (0,0) size 96x15
+          RenderText {#text} at (157,4) size 96x15
+            text run at (157,4) width 96: "border-style"
+        RenderText {#text} at (253,0) size 89x20
+          text run at (253,0) width 89: " is supported.)"
+      RenderBlock {P} at (0,199) size 784x20 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x20
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (0,235) size 784x46 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+        RenderText {#text} at (3,3) size 749x40
+          text run at (3,3) width 749: "This element should have a right border width of 25 pixels, which will be more obvious if the element is more than one"
+          text run at (3,23) width 59: "line long."
+      RenderBlock {P} at (0,297) size 784x26 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+        RenderText {#text} at (3,3) size 769x20
+          text run at (3,3) width 769: "This element should have a thick right border width, which will be more obvious if the element is more than one line long."
+      RenderBlock {P} at (0,339) size 784x46 [border: (3px solid #000000)]
+        RenderText {#text} at (3,3) size 753x40
+          text run at (3,3) width 753: "This element should have a medium right border width, which will be more obvious if the element is more than one line"
+          text run at (3,23) width 32: "long."
+      RenderBlock {P} at (0,401) size 784x26 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+        RenderText {#text} at (3,3) size 762x20
+          text run at (3,3) width 762: "This element should have a thin right border width, which will be more obvious if the element is more than one line long."
+      RenderBlock {P} at (0,443) size 784x20
+        RenderText {#text} at (0,0) size 522x20
+          text run at (0,0) width 522: "This element should have no border and no extra \"padding\" on its right side, as no "
+        RenderInline {CODE} at (0,0) size 96x15
+          RenderText {#text} at (522,4) size 96x15
+            text run at (522,4) width 96: "border-style"
+        RenderText {#text} at (618,0) size 54x20
+          text run at (618,0) width 54: " was set."
+      RenderTable {TABLE} at (0,479) size 784x380 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x378
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x348
+            RenderTableCell {TD} at (0,190) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x348 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x20
+                RenderText {#text} at (0,0) size 157x20
+                  text run at (0,0) width 157: "(These will only work if "
+                RenderInline {CODE} at (0,0) size 96x15
+                  RenderText {#text} at (157,4) size 96x15
+                    text run at (157,4) width 96: "border-style"
+                RenderText {#text} at (253,0) size 89x20
+                  text run at (253,0) width 89: " is supported.)"
+              RenderBlock {P} at (4,40) size 762x20 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x20
+                  text run at (0,0) width 203: "This element has a class of zero."
+              RenderBlock {P} at (4,76) size 762x46 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+                RenderText {#text} at (3,3) size 722x40
+                  text run at (3,3) width 722: "This element should have a right border width of 25 pixels, which will be more obvious if the element is more than"
+                  text run at (3,23) width 86: "one line long."
+              RenderBlock {P} at (4,138) size 762x46 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+                RenderText {#text} at (3,3) size 733x40
+                  text run at (3,3) width 733: "This element should have a thick right border width, which will be more obvious if the element is more than one line"
+                  text run at (3,23) width 32: "long."
+              RenderBlock {P} at (4,200) size 762x46 [border: (3px solid #000000)]
+                RenderText {#text} at (3,3) size 753x40
+                  text run at (3,3) width 753: "This element should have a medium right border width, which will be more obvious if the element is more than one line"
+                  text run at (3,23) width 32: "long."
+              RenderBlock {P} at (4,262) size 762x46 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+                RenderText {#text} at (3,3) size 726x40
+                  text run at (3,3) width 726: "This element should have a thin right border width, which will be more obvious if the element is more than one line"
+                  text run at (3,23) width 32: "long."
+              RenderBlock {P} at (4,324) size 762x20
+                RenderText {#text} at (0,0) size 522x20
+                  text run at (0,0) width 522: "This element should have no border and no extra \"padding\" on its right side, as no "
+                RenderInline {CODE} at (0,0) size 96x15
+                  RenderText {#text} at (522,4) size 96x15
+                    text run at (522,4) width 96: "border-style"
+                RenderText {#text} at (618,0) size 54x20
+                  text run at (618,0) width 54: " was set."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_right_width_inline-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_right_width_inline-expected.txt
new file mode 100644 (file)
index 0000000..cf4a074
--- /dev/null
@@ -0,0 +1,97 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x48
+        RenderText {#text} at (0,0) size 424x47
+          text run at (0,0) width 424: ".one {border-right-width: 25px; border-style: solid;}"
+          text run at (424,0) width 0: " "
+          text run at (0,16) width 424: ".two {border-right-width: thin; border-style: solid;}"
+          text run at (424,16) width 0: " "
+          text run at (0,32) width 272: ".three {border-right-width: 25px;}"
+          text run at (272,32) width 0: " "
+      RenderBlock {HR} at (0,97) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,115) size 784x88 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+        RenderText {#text} at (3,3) size 172x20
+          text run at (3,3) width 172: "This element has a class of "
+        RenderInline {TT} at (0,0) size 24x15
+          RenderText {#text} at (175,7) size 24x15
+            text run at (175,7) width 24: "one"
+        RenderText {#text} at (199,3) size 162x20
+          text run at (199,3) width 8: ". "
+          text run at (207,3) width 154: "However, it contains an "
+        RenderInline {SPAN} at (0,0) size 171x26 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+          RenderText {#text} at (364,3) size 143x20
+            text run at (364,3) width 143: "inline element of class "
+          RenderInline {TT} at (0,0) size 24x15
+            RenderText {#text} at (507,7) size 24x15
+              text run at (507,7) width 24: "two"
+        RenderText {#text} at (532,3) size 749x41
+          text run at (532,3) width 220: ", which should result in a thin solid"
+          text run at (3,24) width 190: "border on the right side of the "
+        RenderInline {STRONG} at (0,0) size 23x22
+          RenderText {#text} at (193,23) size 23x22
+            text run at (193,23) width 23: "last"
+        RenderText {#text} at (216,24) size 756x41
+          text run at (216,24) width 506: " box of the inline element (and the UA's default border on the other three sides). "
+          text run at (722,24) width 37: "There"
+          text run at (3,45) width 62: "is also an "
+        RenderInline {SPAN} at (0,0) size 183x20
+          RenderText {#text} at (65,45) size 143x20
+            text run at (65,45) width 143: "inline element of class "
+          RenderInline {TT} at (0,0) size 40x15
+            RenderText {#text} at (208,49) size 40x15
+              text run at (208,49) width 40: "three"
+        RenderText {#text} at (248,45) size 736x40
+          text run at (248,45) width 491: ", which should have no right border width or visible border because no border"
+          text run at (3,65) width 83: "style was set."
+      RenderTable {TABLE} at (0,219) size 784x128 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x126
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x96
+            RenderTableCell {TD} at (0,64) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x96 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x88 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+                RenderText {#text} at (3,3) size 172x20
+                  text run at (3,3) width 172: "This element has a class of "
+                RenderInline {TT} at (0,0) size 24x15
+                  RenderText {#text} at (175,7) size 24x15
+                    text run at (175,7) width 24: "one"
+                RenderText {#text} at (199,3) size 162x20
+                  text run at (199,3) width 8: ". "
+                  text run at (207,3) width 154: "However, it contains an "
+                RenderInline {SPAN} at (0,0) size 171x26 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+                  RenderText {#text} at (364,3) size 143x20
+                    text run at (364,3) width 143: "inline element of class "
+                  RenderInline {TT} at (0,0) size 24x15
+                    RenderText {#text} at (507,7) size 24x15
+                      text run at (507,7) width 24: "two"
+                RenderText {#text} at (532,3) size 715x41
+                  text run at (532,3) width 186: ", which should result in a thin"
+                  text run at (3,24) width 224: "solid border on the right side of the "
+                RenderInline {STRONG} at (0,0) size 23x22
+                  RenderText {#text} at (227,23) size 23x22
+                    text run at (227,23) width 23: "last"
+                RenderText {#text} at (250,24) size 705x41
+                  text run at (250,24) width 458: " box of the inline element (and the UA's default border on the other three"
+                  text run at (3,45) width 44: "sides). "
+                  text run at (47,45) width 103: "There is also an "
+                RenderInline {SPAN} at (0,0) size 183x20
+                  RenderText {#text} at (150,45) size 143x20
+                    text run at (150,45) width 143: "inline element of class "
+                  RenderInline {TT} at (0,0) size 40x15
+                    RenderText {#text} at (293,49) size 40x15
+                      text run at (293,49) width 40: "three"
+                RenderText {#text} at (333,45) size 702x40
+                  text run at (333,45) width 372: ", which should have no right border width or visible border"
+                  text run at (3,65) width 202: "because no border style was set."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_style-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_style-expected.txt
new file mode 100644 (file)
index 0000000..d345ddc
--- /dev/null
@@ -0,0 +1,121 @@
+layer at (0,0) size 800x1371
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1371
+  RenderBlock {HTML} at (0,0) size 800x1371
+    RenderBody {BODY} at (8,8) size 784x1355 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x192
+        RenderText {#text} at (0,0) size 632x191
+          text run at (0,0) width 560: ".one {border-style: dotted; border-color: black; border-width: thick;}"
+          text run at (560,0) width 0: " "
+          text run at (0,16) width 560: ".two {border-style: dashed; border-color: black; border-width: thick;}"
+          text run at (560,16) width 0: " "
+          text run at (0,32) width 568: ".three {border-style: solid; border-color: black; border-width: thick;}"
+          text run at (568,32) width 0: " "
+          text run at (0,48) width 568: ".four {border-style: double; border-color: black; border-width: thick;}"
+          text run at (568,48) width 0: " "
+          text run at (0,64) width 568: ".five {border-style: groove; border-color: olive; border-width: thick;}"
+          text run at (568,64) width 0: " "
+          text run at (0,80) width 552: ".six {border-style: ridge; border-color: olive; border-width: thick;}"
+          text run at (552,80) width 0: " "
+          text run at (0,96) width 568: ".seven {border-style: inset; border-color: olive; border-width: thick;}"
+          text run at (568,96) width 0: " "
+          text run at (0,112) width 576: ".eight {border-style: outset; border-color: olive; border-width: thick;}"
+          text run at (576,112) width 0: " "
+          text run at (0,128) width 632: ".nine {border-style: double groove; border-color: purple; border-width: thick;}"
+          text run at (632,128) width 0: " "
+          text run at (0,144) width 368: ".ten {border-style: double groove ridge inset;"
+          text run at (368,144) width 0: " "
+          text run at (0,160) width 368: "   border-color: purple; border-width: thick;}"
+          text run at (368,160) width 0: " "
+          text run at (0,176) width 552: ".eleven {border-style: none; border-color: red; border-width: thick;}"
+          text run at (552,176) width 0: " "
+      RenderBlock {HR} at (0,241) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,259) size 784x30 [border: (5px dotted #000000)]
+        RenderText {#text} at (5,5) size 472x20
+          text run at (5,5) width 472: "This paragraph should have a thick black dotted border all the way around."
+      RenderBlock {P} at (0,305) size 784x30 [border: (5px dashed #000000)]
+        RenderText {#text} at (5,5) size 477x20
+          text run at (5,5) width 477: "This paragraph should have a thick black dashed border all the way around."
+      RenderBlock {P} at (0,351) size 784x30 [border: (5px solid #000000)]
+        RenderText {#text} at (5,5) size 463x20
+          text run at (5,5) width 463: "This paragraph should have a thick black solid border all the way around."
+      RenderBlock {P} at (0,397) size 784x30 [border: (5px double #000000)]
+        RenderText {#text} at (5,5) size 476x20
+          text run at (5,5) width 476: "This paragraph should have a thick black double border all the way around."
+      RenderBlock {P} at (0,443) size 784x30 [border: (5px groove #808000)]
+        RenderText {#text} at (5,5) size 474x20
+          text run at (5,5) width 474: "This paragraph should have a thick olive groove border all the way around."
+      RenderBlock {P} at (0,489) size 784x30 [border: (5px ridge #808000)]
+        RenderText {#text} at (5,5) size 462x20
+          text run at (5,5) width 462: "This paragraph should have a thick olive ridge border all the way around."
+      RenderBlock {P} at (0,535) size 784x30 [border: (5px inset #808000)]
+        RenderText {#text} at (5,5) size 459x20
+          text run at (5,5) width 459: "This paragraph should have a thick olive inset border all the way around."
+      RenderBlock {P} at (0,581) size 784x30 [border: (5px outset #808000)]
+        RenderText {#text} at (5,5) size 467x20
+          text run at (5,5) width 467: "This paragraph should have a thick olive outset border all the way around."
+      RenderBlock {P} at (0,627) size 784x50 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
+        RenderText {#text} at (5,5) size 744x40
+          text run at (5,5) width 617: "This paragraph should have thick double top and bottom borders, and thick grooved side borders. "
+          text run at (622,5) width 127: "The color of all four"
+          text run at (5,25) width 204: "sides should be based on purple."
+      RenderBlock {P} at (0,693) size 784x50 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
+        RenderText {#text} at (5,5) size 763x40
+          text run at (5,5) width 702: "This paragraph should have, in clockwise order from the top, a double, grooved, ridged, and inset thick border. "
+          text run at (707,5) width 61: "The color"
+          text run at (5,25) width 270: "of all four sides should be based on purple."
+      RenderBlock {P} at (0,759) size 784x20
+        RenderText {#text} at (0,0) size 278x20
+          text run at (0,0) width 278: "This paragraph should have no border at all."
+      RenderTable {TABLE} at (0,795) size 784x560 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x558
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x528
+            RenderTableCell {TD} at (0,280) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x528 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x30 [border: (5px dotted #000000)]
+                RenderText {#text} at (5,5) size 472x20
+                  text run at (5,5) width 472: "This paragraph should have a thick black dotted border all the way around."
+              RenderBlock {P} at (4,50) size 762x30 [border: (5px dashed #000000)]
+                RenderText {#text} at (5,5) size 477x20
+                  text run at (5,5) width 477: "This paragraph should have a thick black dashed border all the way around."
+              RenderBlock {P} at (4,96) size 762x30 [border: (5px solid #000000)]
+                RenderText {#text} at (5,5) size 463x20
+                  text run at (5,5) width 463: "This paragraph should have a thick black solid border all the way around."
+              RenderBlock {P} at (4,142) size 762x30 [border: (5px double #000000)]
+                RenderText {#text} at (5,5) size 476x20
+                  text run at (5,5) width 476: "This paragraph should have a thick black double border all the way around."
+              RenderBlock {P} at (4,188) size 762x30 [border: (5px groove #808000)]
+                RenderText {#text} at (5,5) size 474x20
+                  text run at (5,5) width 474: "This paragraph should have a thick olive groove border all the way around."
+              RenderBlock {P} at (4,234) size 762x30 [border: (5px ridge #808000)]
+                RenderText {#text} at (5,5) size 462x20
+                  text run at (5,5) width 462: "This paragraph should have a thick olive ridge border all the way around."
+              RenderBlock {P} at (4,280) size 762x30 [border: (5px inset #808000)]
+                RenderText {#text} at (5,5) size 459x20
+                  text run at (5,5) width 459: "This paragraph should have a thick olive inset border all the way around."
+              RenderBlock {P} at (4,326) size 762x30 [border: (5px outset #808000)]
+                RenderText {#text} at (5,5) size 467x20
+                  text run at (5,5) width 467: "This paragraph should have a thick olive outset border all the way around."
+              RenderBlock {P} at (4,372) size 762x50 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
+                RenderText {#text} at (5,5) size 744x40
+                  text run at (5,5) width 617: "This paragraph should have thick double top and bottom borders, and thick grooved side borders. "
+                  text run at (622,5) width 127: "The color of all four"
+                  text run at (5,25) width 204: "sides should be based on purple."
+              RenderBlock {P} at (4,438) size 762x50 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
+                RenderText {#text} at (5,5) size 727x40
+                  text run at (5,5) width 702: "This paragraph should have, in clockwise order from the top, a double, grooved, ridged, and inset thick border. "
+                  text run at (707,5) width 25: "The"
+                  text run at (5,25) width 306: "color of all four sides should be based on purple."
+              RenderBlock {P} at (4,504) size 762x20
+                RenderText {#text} at (0,0) size 278x20
+                  text run at (0,0) width 278: "This paragraph should have no border at all."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_style_inline-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_style_inline-expected.txt
new file mode 100644 (file)
index 0000000..9b696f5
--- /dev/null
@@ -0,0 +1,70 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x48
+        RenderText {#text} at (0,0) size 568x47
+          text run at (0,0) width 560: ".one {border-style: dashed; border-color: black; border-width: thick;}"
+          text run at (560,0) width 0: " "
+          text run at (0,16) width 544: ".two {border-style: groove; border-color: red; border-width: thick;}"
+          text run at (544,16) width 0: " "
+          text run at (0,32) width 568: ".three {border-style: none; border-color: purple; border-width: thick;}"
+          text run at (568,32) width 0: " "
+      RenderBlock {HR} at (0,97) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,115) size 784x60 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 664x20
+          text run at (0,0) width 664: "This is an unstyled element, save for the background color, and it contains inline elements with classes of "
+        RenderInline {SPAN} at (0,0) size 67x30 [border: (5px dashed #000000)]
+          RenderText {#text} at (669,0) size 57x20
+            text run at (669,0) width 57: "class one"
+        RenderText {#text} at (731,0) size 778x40
+          text run at (731,0) width 47: ", which"
+          text run at (0,20) width 263: "will result in a dashed thick black border; "
+        RenderInline {SPAN} at (0,0) size 68x30 [border: (5px groove #FF0000)]
+          RenderText {#text} at (268,20) size 58x20
+            text run at (268,20) width 58: "class two"
+        RenderText {#text} at (331,20) size 373x20
+          text run at (331,20) width 373: ", which should result in a grooved thick purple border, and "
+        RenderInline {SPAN} at (0,0) size 65x20
+          RenderText {#text} at (704,20) size 65x20
+            text run at (704,20) width 65: "class three"
+        RenderText {#text} at (769,20) size 773x40
+          text run at (769,20) width 4: ","
+          text run at (0,40) width 246: "which should result in no border at all. "
+          text run at (246,40) width 433: "The line-height of the parent element should not change, on any line."
+      RenderTable {TABLE} at (0,191) size 784x100 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x98
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x68
+            RenderTableCell {TD} at (0,50) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x68 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x60 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 664x20
+                  text run at (0,0) width 664: "This is an unstyled element, save for the background color, and it contains inline elements with classes of "
+                RenderInline {SPAN} at (0,0) size 67x30 [border: (5px dashed #000000)]
+                  RenderText {#text} at (669,0) size 57x20
+                    text run at (669,0) width 57: "class one"
+                RenderText {#text} at (731,0) size 735x40
+                  text run at (731,0) width 4: ","
+                  text run at (0,20) width 306: "which will result in a dashed thick black border; "
+                RenderInline {SPAN} at (0,0) size 68x30 [border: (5px groove #FF0000)]
+                  RenderText {#text} at (311,20) size 58x20
+                    text run at (311,20) width 58: "class two"
+                RenderText {#text} at (374,20) size 369x20
+                  text run at (374,20) width 369: ", which should result in a grooved thick purple border, and"
+                RenderInline {SPAN} at (0,0) size 65x20
+                  RenderText {#text} at (0,40) size 65x20
+                    text run at (0,40) width 65: "class three"
+                RenderText {#text} at (65,40) size 687x20
+                  text run at (65,40) width 254: ", which should result in no border at all. "
+                  text run at (319,40) width 433: "The line-height of the parent element should not change, on any line."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_top-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_top-expected.txt
new file mode 100644 (file)
index 0000000..3501502
--- /dev/null
@@ -0,0 +1,151 @@
+layer at (0,0) size 800x1025
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1025
+  RenderBlock {HTML} at (0,0) size 800x1025
+    RenderBody {BODY} at (8,8) size 784x1009 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x64
+        RenderText {#text} at (0,0) size 320x63
+          text run at (0,0) width 304: ".one {border-top: purple double 10px;}"
+          text run at (304,0) width 0: " "
+          text run at (0,16) width 296: ".two {border-top: purple thin solid;}"
+          text run at (296,16) width 0: " "
+          text run at (0,32) width 320: ".three {border-top: black medium solid;}"
+          text run at (320,32) width 0: " "
+          text run at (0,48) width 264: "TD {border-top: green 2px solid;}"
+          text run at (264,48) width 0: " "
+      RenderBlock {HR} at (0,113) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,131) size 784x40
+        RenderText {#text} at (0,0) size 755x40
+          text run at (0,0) width 634: "Note that all table cells on this page should have a two-pixel solid green border along their top sides. "
+          text run at (634,0) width 121: "This border applies"
+          text run at (0,20) width 317: "only to the cells, not the rows which contain them."
+      RenderBlock {P} at (0,187) size 784x30 [border: (10px double #800080) none]
+        RenderText {#text} at (0,10) size 414x20
+          text run at (0,10) width 414: "This paragraph should have a purple, double, 10-pixel top border."
+      RenderBlock {P} at (0,233) size 784x21 [border: (1px solid #800080) none]
+        RenderText {#text} at (0,1) size 331x20
+          text run at (0,1) width 331: "This paragraph should have a thin purple top border."
+      RenderTable {TABLE} at (0,270) size 784x118 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x116
+          RenderTableRow {TR} at (0,5) size 782x45
+            RenderTableCell {TD} at (5,5) size 772x45 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderText {#text} at (2,3) size 735x40
+                text run at (2,3) width 429: "Every cell in this table should have a 2-pixel solid green top border. "
+                text run at (431,3) width 306: "This is also true of the table-testing section in the"
+                text run at (2,23) width 175: "second half of the test page."
+          RenderTableRow {TR} at (0,55) size 782x56
+            RenderTableCell {TD} at (5,70) size 196x25 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (2,3) size 53x20
+                text run at (2,3) width 53: "Cell one"
+            RenderTableCell {TD} at (206,55) size 571x56 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (2,3) size 567x20
+                RenderText {#text} at (0,0) size 54x20
+                  text run at (0,0) width 54: "Cell two"
+              RenderTable {TABLE} at (2,23) size 161x31 [border: (1px outset #808080)]
+                RenderTableSection {TBODY} at (1,1) size 159x29
+                  RenderTableRow {TR} at (0,2) size 159x25
+                    RenderTableCell {TD} at (2,2) size 155x25 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+                      RenderText {#text} at (2,3) size 151x20
+                        text run at (2,3) width 151: "Nested single-cell table!"
+      RenderBlock {UL} at (0,404) size 784x129
+        RenderListItem {LI} at (40,0) size 744x83 [border: (3px solid #000000) none]
+          RenderBlock (anonymous) at (0,3) size 744x20
+            RenderListMarker at (-18,0) size 7x20: bullet
+            RenderText {#text} at (0,0) size 118x20
+              text run at (0,0) width 118: "This is a list item..."
+          RenderBlock {UL} at (0,23) size 744x60
+            RenderListItem {LI} at (40,0) size 704x20
+              RenderListMarker at (-18,0) size 7x20: white bullet
+              RenderText {#text} at (0,0) size 73x20
+                text run at (0,0) width 73: "...and this..."
+            RenderListItem {LI} at (40,20) size 704x20
+              RenderListMarker at (-18,0) size 7x20: white bullet
+              RenderText {#text} at (0,0) size 115x20
+                text run at (0,0) width 115: "...is a second list..."
+            RenderListItem {LI} at (40,40) size 704x20
+              RenderListMarker at (-18,0) size 7x20: white bullet
+              RenderText {#text} at (0,0) size 176x20
+                text run at (0,0) width 176: "...nested within the list item."
+        RenderListItem {LI} at (40,83) size 744x23 [border: (3px solid #000000) none]
+          RenderListMarker at (-18,3) size 7x20: bullet
+          RenderText {#text} at (0,3) size 158x20
+            text run at (0,3) width 158: "This is a second list item."
+        RenderListItem {LI} at (40,106) size 744x23 [border: (3px solid #000000) none]
+          RenderListMarker at (-18,3) size 7x20: bullet
+          RenderText {#text} at (0,3) size 480x20
+            text run at (0,3) width 480: "Each list item in this list should have a medium-width black border at its top."
+      RenderTable {TABLE} at (0,549) size 784x460 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x458
+          RenderTableRow {TR} at (0,0) size 782x31
+            RenderTableCell {TD} at (0,0) size 782x31 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,5) size 163x22
+                  text run at (4,5) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,31) size 782x427
+            RenderTableCell {TD} at (0,230) size 12x29 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,5) size 4x20
+                text run at (4,5) width 4: " "
+            RenderTableCell {TD} at (12,31) size 770x427 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,5) size 762x40
+                RenderText {#text} at (0,0) size 755x40
+                  text run at (0,0) width 634: "Note that all table cells on this page should have a two-pixel solid green border along their top sides. "
+                  text run at (634,0) width 121: "This border applies"
+                  text run at (0,20) width 317: "only to the cells, not the rows which contain them."
+              RenderBlock {P} at (4,61) size 762x30 [border: (10px double #800080) none]
+                RenderText {#text} at (0,10) size 414x20
+                  text run at (0,10) width 414: "This paragraph should have a purple, double, 10-pixel top border."
+              RenderBlock {P} at (4,107) size 762x21 [border: (1px solid #800080) none]
+                RenderText {#text} at (0,1) size 331x20
+                  text run at (0,1) width 331: "This paragraph should have a thin purple top border."
+              RenderTable {TABLE} at (4,144) size 762x118 [border: (1px outset #808080)]
+                RenderTableSection {TBODY} at (1,1) size 760x116
+                  RenderTableRow {TR} at (0,5) size 760x45
+                    RenderTableCell {TD} at (5,5) size 750x45 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+                      RenderText {#text} at (2,3) size 735x40
+                        text run at (2,3) width 429: "Every cell in this table should have a 2-pixel solid green top border. "
+                        text run at (431,3) width 306: "This is also true of the table-testing section in the"
+                        text run at (2,23) width 175: "second half of the test page."
+                  RenderTableRow {TR} at (0,55) size 760x56
+                    RenderTableCell {TD} at (5,70) size 190x25 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+                      RenderText {#text} at (2,3) size 53x20
+                        text run at (2,3) width 53: "Cell one"
+                    RenderTableCell {TD} at (200,55) size 555x56 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (2,3) size 551x20
+                        RenderText {#text} at (0,0) size 54x20
+                          text run at (0,0) width 54: "Cell two"
+                      RenderTable {TABLE} at (2,23) size 161x31 [border: (1px outset #808080)]
+                        RenderTableSection {TBODY} at (1,1) size 159x29
+                          RenderTableRow {TR} at (0,2) size 159x25
+                            RenderTableCell {TD} at (2,2) size 155x25 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+                              RenderText {#text} at (2,3) size 151x20
+                                text run at (2,3) width 151: "Nested single-cell table!"
+              RenderBlock {UL} at (4,278) size 762x129
+                RenderListItem {LI} at (40,0) size 722x83 [border: (3px solid #000000) none]
+                  RenderBlock (anonymous) at (0,3) size 722x20
+                    RenderListMarker at (-18,0) size 7x20: bullet
+                    RenderText {#text} at (0,0) size 118x20
+                      text run at (0,0) width 118: "This is a list item..."
+                  RenderBlock {UL} at (0,23) size 722x60
+                    RenderListItem {LI} at (40,0) size 682x20
+                      RenderListMarker at (-18,0) size 7x20: white bullet
+                      RenderText {#text} at (0,0) size 73x20
+                        text run at (0,0) width 73: "...and this..."
+                    RenderListItem {LI} at (40,20) size 682x20
+                      RenderListMarker at (-18,0) size 7x20: white bullet
+                      RenderText {#text} at (0,0) size 115x20
+                        text run at (0,0) width 115: "...is a second list..."
+                    RenderListItem {LI} at (40,40) size 682x20
+                      RenderListMarker at (-18,0) size 7x20: white bullet
+                      RenderText {#text} at (0,0) size 176x20
+                        text run at (0,0) width 176: "...nested within the list item."
+                RenderListItem {LI} at (40,83) size 722x23 [border: (3px solid #000000) none]
+                  RenderListMarker at (-18,3) size 7x20: bullet
+                  RenderText {#text} at (0,3) size 158x20
+                    text run at (0,3) width 158: "This is a second list item."
+                RenderListItem {LI} at (40,106) size 722x23 [border: (3px solid #000000) none]
+                  RenderListMarker at (-18,3) size 7x20: bullet
+                  RenderText {#text} at (0,3) size 480x20
+                    text run at (0,3) width 480: "Each list item in this list should have a medium-width black border at its top."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_top_inline-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_top_inline-expected.txt
new file mode 100644 (file)
index 0000000..b3c10de
--- /dev/null
@@ -0,0 +1,59 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x48
+        RenderText {#text} at (0,0) size 304x47
+          text run at (0,0) width 304: ".one {border-top: purple double 10px;}"
+          text run at (304,0) width 0: " "
+          text run at (0,16) width 296: ".two {border-top: purple thin solid;}"
+          text run at (296,16) width 0: " "
+          text run at (0,32) width 0: " "
+      RenderBlock {HR} at (0,97) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,115) size 784x60 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 666x20
+          text run at (0,0) width 666: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
+        RenderInline {SPAN} at (0,0) size 57x30 [border: (10px double #800080) none]
+          RenderText {#text} at (666,0) size 57x20
+            text run at (666,0) width 57: "class one"
+        RenderText {#text} at (723,0) size 770x40
+          text run at (723,0) width 47: ", which"
+          text run at (0,20) width 338: "should have a 10-pixel purple double top border; and "
+        RenderInline {SPAN} at (0,0) size 58x21 [border: (1px solid #800080) none]
+          RenderText {#text} at (338,20) size 58x20
+            text run at (338,20) width 58: "class two"
+        RenderText {#text} at (396,20) size 774x40
+          text run at (396,20) width 321: ", which should have a thin solid purple top border. "
+          text run at (717,20) width 57: "The line-"
+          text run at (0,40) width 372: "height of the parent element should not change on any line."
+      RenderTable {TABLE} at (0,191) size 784x100 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x98
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x68
+            RenderTableCell {TD} at (0,50) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x68 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x60 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 666x20
+                  text run at (0,0) width 666: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
+                RenderInline {SPAN} at (0,0) size 57x30 [border: (10px double #800080) none]
+                  RenderText {#text} at (666,0) size 57x20
+                    text run at (666,0) width 57: "class one"
+                RenderText {#text} at (723,0) size 727x40
+                  text run at (723,0) width 4: ","
+                  text run at (0,20) width 381: "which should have a 10-pixel purple double top border; and "
+                RenderInline {SPAN} at (0,0) size 58x21 [border: (1px solid #800080) none]
+                  RenderText {#text} at (381,20) size 58x20
+                    text run at (381,20) width 58: "class two"
+                RenderText {#text} at (439,20) size 756x40
+                  text run at (439,20) width 317: ", which should have a thin solid purple top border."
+                  text run at (0,40) width 429: "The line-height of the parent element should not change on any line."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_top_width-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_top_width-expected.txt
new file mode 100644 (file)
index 0000000..9ea3ab4
--- /dev/null
@@ -0,0 +1,97 @@
+layer at (0,0) size 800x799
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x799
+  RenderBlock {HTML} at (0,0) size 800x799
+    RenderBody {BODY} at (8,8) size 784x783 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x96
+        RenderText {#text} at (0,0) size 440x95
+          text run at (0,0) width 432: ".zero {background-color: silver; border-top-width: 0;}"
+          text run at (432,0) width 0: " "
+          text run at (0,16) width 408: ".one {border-top-width: 25px; border-style: solid;}"
+          text run at (408,16) width 0: " "
+          text run at (0,32) width 416: ".two {border-top-width: thick; border-style: solid;}"
+          text run at (416,32) width 0: " "
+          text run at (0,48) width 440: ".three {border-top-width: medium; border-style: solid;}"
+          text run at (440,48) width 0: " "
+          text run at (0,64) width 416: ".four {border-top-width: thin; border-style: solid;}"
+          text run at (416,64) width 0: " "
+          text run at (0,80) width 248: ".five {border-top-width: 25px;}"
+          text run at (248,80) width 0: " "
+      RenderBlock {HR} at (0,145) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,163) size 784x20
+        RenderText {#text} at (0,0) size 157x20
+          text run at (0,0) width 157: "(These will only work if "
+        RenderInline {CODE} at (0,0) size 96x15
+          RenderText {#text} at (157,4) size 96x15
+            text run at (157,4) width 96: "border-style"
+        RenderText {#text} at (253,0) size 89x20
+          text run at (253,0) width 89: " is supported.)"
+      RenderBlock {P} at (0,199) size 784x20 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x20
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (0,235) size 784x48 [border: (25px solid #000000) (3px solid #000000)]
+        RenderText {#text} at (3,25) size 377x20
+          text run at (3,25) width 377: "This paragraph should have a top border width of 25 pixels."
+      RenderBlock {P} at (0,299) size 784x28 [border: (5px solid #000000) (3px solid #000000)]
+        RenderText {#text} at (3,5) size 334x20
+          text run at (3,5) width 334: "This paragraph should have a thick top border width."
+      RenderBlock {P} at (0,343) size 784x26 [border: (3px solid #000000)]
+        RenderText {#text} at (3,3) size 354x20
+          text run at (3,3) width 354: "This paragraph should have a medium top border width."
+      RenderBlock {P} at (0,385) size 784x24 [border: (1px solid #000000) (3px solid #000000)]
+        RenderText {#text} at (3,1) size 327x20
+          text run at (3,1) width 327: "This paragraph should have a thin top border width."
+      RenderBlock {P} at (0,425) size 784x20
+        RenderText {#text} at (0,0) size 527x20
+          text run at (0,0) width 527: "This paragraph should have no border and no extra \"padding\" on its top side, as no "
+        RenderInline {CODE} at (0,0) size 96x15
+          RenderText {#text} at (527,4) size 96x15
+            text run at (527,4) width 96: "border-style"
+        RenderText {#text} at (623,0) size 54x20
+          text run at (623,0) width 54: " was set."
+      RenderTable {TABLE} at (0,461) size 699x322 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 697x320
+          RenderTableRow {TR} at (0,0) size 697x30
+            RenderTableCell {TD} at (0,0) size 697x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 697x290
+            RenderTableCell {TD} at (0,161) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 685x290 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 677x20
+                RenderText {#text} at (0,0) size 157x20
+                  text run at (0,0) width 157: "(These will only work if "
+                RenderInline {CODE} at (0,0) size 96x15
+                  RenderText {#text} at (157,4) size 96x15
+                    text run at (157,4) width 96: "border-style"
+                RenderText {#text} at (253,0) size 89x20
+                  text run at (253,0) width 89: " is supported.)"
+              RenderBlock {P} at (4,40) size 677x20 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x20
+                  text run at (0,0) width 203: "This element has a class of zero."
+              RenderBlock {P} at (4,76) size 677x48 [border: (25px solid #000000) (3px solid #000000)]
+                RenderText {#text} at (3,25) size 377x20
+                  text run at (3,25) width 377: "This paragraph should have a top border width of 25 pixels."
+              RenderBlock {P} at (4,140) size 677x28 [border: (5px solid #000000) (3px solid #000000)]
+                RenderText {#text} at (3,5) size 334x20
+                  text run at (3,5) width 334: "This paragraph should have a thick top border width."
+              RenderBlock {P} at (4,184) size 677x26 [border: (3px solid #000000)]
+                RenderText {#text} at (3,3) size 354x20
+                  text run at (3,3) width 354: "This paragraph should have a medium top border width."
+              RenderBlock {P} at (4,226) size 677x24 [border: (1px solid #000000) (3px solid #000000)]
+                RenderText {#text} at (3,1) size 327x20
+                  text run at (3,1) width 327: "This paragraph should have a thin top border width."
+              RenderBlock {P} at (4,266) size 677x20
+                RenderText {#text} at (0,0) size 527x20
+                  text run at (0,0) width 527: "This paragraph should have no border and no extra \"padding\" on its top side, as no "
+                RenderInline {CODE} at (0,0) size 96x15
+                  RenderText {#text} at (527,4) size 96x15
+                    text run at (527,4) width 96: "border-style"
+                RenderText {#text} at (623,0) size 54x20
+                  text run at (623,0) width 54: " was set."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_top_width_inline-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_top_width_inline-expected.txt
new file mode 100644 (file)
index 0000000..9ca925e
--- /dev/null
@@ -0,0 +1,86 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x48
+        RenderText {#text} at (0,0) size 408x47
+          text run at (0,0) width 408: ".one {border-top-width: 25px; border-style: solid;}"
+          text run at (408,0) width 0: " "
+          text run at (0,16) width 408: ".two {border-top-width: thin; border-style: solid;}"
+          text run at (408,16) width 0: " "
+          text run at (0,32) width 256: ".three {border-top-width: 25px;}"
+          text run at (256,32) width 0: " "
+      RenderBlock {HR} at (0,97) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,115) size 784x88 [border: (25px solid #000000) (3px solid #000000)]
+        RenderText {#text} at (3,25) size 172x20
+          text run at (3,25) width 172: "This element has a class of "
+        RenderInline {TT} at (0,0) size 24x15
+          RenderText {#text} at (175,29) size 24x15
+            text run at (175,29) width 24: "one"
+        RenderText {#text} at (199,25) size 162x20
+          text run at (199,25) width 8: ". "
+          text run at (207,25) width 154: "However, it contains an "
+        RenderInline {SPAN} at (0,0) size 173x24 [border: (1px solid #000000) (3px solid #000000)]
+          RenderText {#text} at (364,25) size 143x20
+            text run at (364,25) width 143: "inline element of class "
+          RenderInline {TT} at (0,0) size 24x15
+            RenderText {#text} at (507,29) size 24x15
+              text run at (507,29) width 24: "two"
+        RenderText {#text} at (534,25) size 772x60
+          text run at (534,25) width 220: ", which should result in a thin solid"
+          text run at (3,45) width 692: "border on the top side of each box in the inline element (and the UA's default border on the other three sides). "
+          text run at (695,45) width 80: "There is also"
+          text run at (3,65) width 19: "an "
+        RenderInline {SPAN} at (0,0) size 183x20
+          RenderText {#text} at (22,65) size 143x20
+            text run at (22,65) width 143: "inline element of class "
+          RenderInline {TT} at (0,0) size 40x15
+            RenderText {#text} at (165,69) size 40x15
+              text run at (165,69) width 40: "three"
+        RenderText {#text} at (205,65) size 569x20
+          text run at (205,65) width 569: ", which should have no top border width or visible border because no border style was set."
+      RenderTable {TABLE} at (0,219) size 784x148 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x146
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x116
+            RenderTableCell {TD} at (0,74) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x116 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x108 [border: (25px solid #000000) (3px solid #000000)]
+                RenderText {#text} at (3,25) size 172x20
+                  text run at (3,25) width 172: "This element has a class of "
+                RenderInline {TT} at (0,0) size 24x15
+                  RenderText {#text} at (175,29) size 24x15
+                    text run at (175,29) width 24: "one"
+                RenderText {#text} at (199,25) size 162x20
+                  text run at (199,25) width 8: ". "
+                  text run at (207,25) width 154: "However, it contains an "
+                RenderInline {SPAN} at (0,0) size 173x24 [border: (1px solid #000000) (3px solid #000000)]
+                  RenderText {#text} at (364,25) size 143x20
+                    text run at (364,25) width 143: "inline element of class "
+                  RenderInline {TT} at (0,0) size 24x15
+                    RenderText {#text} at (507,29) size 24x15
+                      text run at (507,29) width 24: "two"
+                RenderText {#text} at (534,25) size 751x60
+                  text run at (534,25) width 220: ", which should result in a thin solid"
+                  text run at (3,45) width 692: "border on the top side of each box in the inline element (and the UA's default border on the other three sides). "
+                  text run at (695,45) width 51: "There is"
+                  text run at (3,65) width 48: "also an "
+                RenderInline {SPAN} at (0,0) size 183x20
+                  RenderText {#text} at (51,65) size 143x20
+                    text run at (51,65) width 143: "inline element of class "
+                  RenderInline {TT} at (0,0) size 40x15
+                    RenderText {#text} at (194,69) size 40x15
+                      text run at (194,69) width 40: "three"
+                RenderText {#text} at (234,65) size 746x40
+                  text run at (234,65) width 515: ", which should have no top border width or visible border because no border style"
+                  text run at (3,85) width 50: "was set."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_width-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_width-expected.txt
new file mode 100644 (file)
index 0000000..66404ea
--- /dev/null
@@ -0,0 +1,97 @@
+layer at (0,0) size 800x943
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x943
+  RenderBlock {HTML} at (0,0) size 800x943
+    RenderBody {BODY} at (8,8) size 784x927 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x96
+        RenderText {#text} at (0,0) size 408x95
+          text run at (0,0) width 400: ".zero {background-color: silver; border-width: 0;}"
+          text run at (400,0) width 0: " "
+          text run at (0,16) width 376: ".one {border-width: 50px; border-style: solid;}"
+          text run at (376,16) width 0: " "
+          text run at (0,32) width 384: ".two {border-width: thick; border-style: solid;}"
+          text run at (384,32) width 0: " "
+          text run at (0,48) width 408: ".three {border-width: medium; border-style: solid;}"
+          text run at (408,48) width 0: " "
+          text run at (0,64) width 384: ".four {border-width: thin; border-style: solid;}"
+          text run at (384,64) width 0: " "
+          text run at (0,80) width 216: ".five {border-width: 25px;}"
+          text run at (216,80) width 0: " "
+      RenderBlock {HR} at (0,145) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,163) size 784x20
+        RenderText {#text} at (0,0) size 157x20
+          text run at (0,0) width 157: "(These will only work if "
+        RenderInline {CODE} at (0,0) size 96x15
+          RenderText {#text} at (157,4) size 96x15
+            text run at (157,4) width 96: "border-style"
+        RenderText {#text} at (253,0) size 89x20
+          text run at (253,0) width 89: " is supported.)"
+      RenderBlock {P} at (0,199) size 784x20 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x20
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (0,235) size 784x120 [border: (50px solid #000000)]
+        RenderText {#text} at (50,50) size 394x20
+          text run at (50,50) width 394: "This element should have an overall border width of 50 pixels."
+      RenderBlock {P} at (0,371) size 784x30 [border: (5px solid #000000)]
+        RenderText {#text} at (5,5) size 343x20
+          text run at (5,5) width 343: "This element should have a thick overall border width."
+      RenderBlock {P} at (0,417) size 784x26 [border: (3px solid #000000)]
+        RenderText {#text} at (3,3) size 363x20
+          text run at (3,3) width 363: "This element should have a medium overall border width."
+      RenderBlock {P} at (0,459) size 784x22 [border: (1px solid #000000)]
+        RenderText {#text} at (1,1) size 336x20
+          text run at (1,1) width 336: "This element should have a thin overall border width."
+      RenderBlock {P} at (0,497) size 784x20
+        RenderText {#text} at (0,0) size 498x20
+          text run at (0,0) width 498: "This element should have no border and no extra \"padding\" on any side, as no "
+        RenderInline {CODE} at (0,0) size 96x15
+          RenderText {#text} at (498,4) size 96x15
+            text run at (498,4) width 96: "border-style"
+        RenderText {#text} at (594,0) size 54x20
+          text run at (594,0) width 54: " was set."
+      RenderTable {TABLE} at (0,533) size 670x394 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 668x392
+          RenderTableRow {TR} at (0,0) size 668x30
+            RenderTableCell {TD} at (0,0) size 668x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 668x362
+            RenderTableCell {TD} at (0,197) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 656x362 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 648x20
+                RenderText {#text} at (0,0) size 157x20
+                  text run at (0,0) width 157: "(These will only work if "
+                RenderInline {CODE} at (0,0) size 96x15
+                  RenderText {#text} at (157,4) size 96x15
+                    text run at (157,4) width 96: "border-style"
+                RenderText {#text} at (253,0) size 89x20
+                  text run at (253,0) width 89: " is supported.)"
+              RenderBlock {P} at (4,40) size 648x20 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x20
+                  text run at (0,0) width 203: "This element has a class of zero."
+              RenderBlock {P} at (4,76) size 648x120 [border: (50px solid #000000)]
+                RenderText {#text} at (50,50) size 394x20
+                  text run at (50,50) width 394: "This element should have an overall border width of 50 pixels."
+              RenderBlock {P} at (4,212) size 648x30 [border: (5px solid #000000)]
+                RenderText {#text} at (5,5) size 343x20
+                  text run at (5,5) width 343: "This element should have a thick overall border width."
+              RenderBlock {P} at (4,258) size 648x26 [border: (3px solid #000000)]
+                RenderText {#text} at (3,3) size 363x20
+                  text run at (3,3) width 363: "This element should have a medium overall border width."
+              RenderBlock {P} at (4,300) size 648x22 [border: (1px solid #000000)]
+                RenderText {#text} at (1,1) size 336x20
+                  text run at (1,1) width 336: "This element should have a thin overall border width."
+              RenderBlock {P} at (4,338) size 648x20
+                RenderText {#text} at (0,0) size 498x20
+                  text run at (0,0) width 498: "This element should have no border and no extra \"padding\" on any side, as no "
+                RenderInline {CODE} at (0,0) size 96x15
+                  RenderText {#text} at (498,4) size 96x15
+                    text run at (498,4) width 96: "border-style"
+                RenderText {#text} at (594,0) size 54x20
+                  text run at (594,0) width 54: " was set."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/border_width_inline-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/border_width_inline-expected.txt
new file mode 100644 (file)
index 0000000..b98395b
--- /dev/null
@@ -0,0 +1,85 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x48
+        RenderText {#text} at (0,0) size 376x47
+          text run at (0,0) width 376: ".one {border-width: 25px; border-style: solid;}"
+          text run at (376,0) width 0: " "
+          text run at (0,16) width 376: ".two {border-width: thin; border-style: solid;}"
+          text run at (376,16) width 0: " "
+          text run at (0,32) width 224: ".three {border-width: 25px;}"
+          text run at (224,32) width 0: " "
+      RenderBlock {HR} at (0,97) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,115) size 784x110 [border: (25px solid #000000)]
+        RenderText {#text} at (25,25) size 172x20
+          text run at (25,25) width 172: "This element has a class of "
+        RenderInline {TT} at (0,0) size 24x15
+          RenderText {#text} at (197,29) size 24x15
+            text run at (197,29) width 24: "one"
+        RenderText {#text} at (221,25) size 162x20
+          text run at (221,25) width 8: ". "
+          text run at (229,25) width 154: "However, it contains an "
+        RenderInline {SPAN} at (0,0) size 169x22 [border: (1px solid #000000)]
+          RenderText {#text} at (384,25) size 143x20
+            text run at (384,25) width 143: "inline element of class "
+          RenderInline {TT} at (0,0) size 24x15
+            RenderText {#text} at (527,29) size 24x15
+              text run at (527,29) width 24: "two"
+        RenderText {#text} at (552,25) size 713x40
+          text run at (552,25) width 186: ", which should result in a thin"
+          text run at (25,45) width 374: "solid border on each side of each box in the inline element. "
+          text run at (399,45) width 103: "There is also an "
+        RenderInline {SPAN} at (0,0) size 183x20
+          RenderText {#text} at (502,45) size 143x20
+            text run at (502,45) width 143: "inline element of class "
+          RenderInline {TT} at (0,0) size 40x15
+            RenderText {#text} at (645,49) size 40x15
+              text run at (645,49) width 40: "three"
+        RenderText {#text} at (685,45) size 707x40
+          text run at (685,45) width 47: ", which"
+          text run at (25,65) width 387: "should have no border width because no border style was set."
+      RenderTable {TABLE} at (0,241) size 784x150 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x148
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x118
+            RenderTableCell {TD} at (0,75) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x118 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x110 [border: (25px solid #000000)]
+                RenderText {#text} at (25,25) size 172x20
+                  text run at (25,25) width 172: "This element has a class of "
+                RenderInline {TT} at (0,0) size 24x15
+                  RenderText {#text} at (197,29) size 24x15
+                    text run at (197,29) width 24: "one"
+                RenderText {#text} at (221,25) size 162x20
+                  text run at (221,25) width 8: ". "
+                  text run at (229,25) width 154: "However, it contains an "
+                RenderInline {SPAN} at (0,0) size 169x22 [border: (1px solid #000000)]
+                  RenderText {#text} at (384,25) size 143x20
+                    text run at (384,25) width 143: "inline element of class "
+                  RenderInline {TT} at (0,0) size 24x15
+                    RenderText {#text} at (527,29) size 24x15
+                      text run at (527,29) width 24: "two"
+                RenderText {#text} at (552,25) size 685x40
+                  text run at (552,25) width 158: ", which should result in a"
+                  text run at (25,45) width 402: "thin solid border on each side of each box in the inline element. "
+                  text run at (427,45) width 103: "There is also an "
+                RenderInline {SPAN} at (0,0) size 183x20
+                  RenderText {#text} at (530,45) size 143x20
+                    text run at (530,45) width 143: "inline element of class "
+                  RenderInline {TT} at (0,0) size 40x15
+                    RenderText {#text} at (673,49) size 40x15
+                      text run at (673,49) width 40: "three"
+                RenderText {#text} at (713,45) size 692x40
+                  text run at (713,45) width 4: ","
+                  text run at (25,65) width 430: "which should have no border width because no border style was set."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/clear-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/clear-expected.txt
new file mode 100644 (file)
index 0000000..2171a5c
--- /dev/null
@@ -0,0 +1,91 @@
+layer at (0,0) size 800x1007
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1007
+  RenderBlock {HTML} at (0,0) size 800x1007
+    RenderBody {BODY} at (8,8) size 784x991 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x64
+        RenderText {#text} at (0,0) size 168x63
+          text run at (0,0) width 152: ".one {clear: left;}"
+          text run at (152,0) width 0: " "
+          text run at (0,16) width 160: ".two {clear: right;}"
+          text run at (160,16) width 0: " "
+          text run at (0,32) width 168: ".three {clear: both;}"
+          text run at (168,32) width 0: " "
+          text run at (0,48) width 160: ".four {clear: none;}"
+          text run at (160,48) width 0: " "
+      RenderBlock {HR} at (0,113) size 784x2 [border: (1px inset #000000)]
+      RenderImage {IMG} at (0,123) size 15x50
+      RenderBlock {P} at (0,131) size 784x20
+        RenderText {#text} at (18,0) size 595x20
+          text run at (18,0) width 595: "This text should be flowing past a tall orange rectangle on the left side of the browser window."
+      RenderBlock (anonymous) at (0,167) size 784x20
+        RenderBR {BR} at (18,0) size 0x20
+        RenderImage {IMG} at (0,20) size 15x50
+      RenderBlock {P} at (0,237) size 784x20
+        RenderText {#text} at (0,0) size 649x20
+          text run at (0,0) width 649: "This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it."
+      RenderBlock (anonymous) at (0,273) size 784x20
+        RenderBR {BR} at (0,0) size 0x20
+        RenderImage {IMG} at (769,20) size 15x50
+      RenderBlock {P} at (0,343) size 784x20
+        RenderText {#text} at (0,0) size 658x20
+          text run at (0,0) width 658: "This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it."
+      RenderBlock (anonymous) at (0,379) size 784x20
+        RenderBR {BR} at (0,0) size 0x20
+        RenderImage {IMG} at (0,20) size 15x50
+        RenderImage {IMG} at (769,20) size 15x50
+      RenderBlock {P} at (0,449) size 784x20
+        RenderText {#text} at (0,0) size 602x20
+          text run at (0,0) width 602: "This paragraph should appear below the two tall orange rectangles, and not flow between them."
+      RenderImage {IMG} at (0,485) size 15x50
+      RenderImage {IMG} at (769,485) size 15x50
+      RenderBlock {P} at (0,485) size 784x20
+        RenderText {#text} at (18,0) size 390x20
+          text run at (18,0) width 390: "This paragraph should be between both tall orange rectangles."
+      RenderBlock (anonymous) at (0,521) size 784x20
+        RenderBR {BR} at (18,0) size 0x20
+      RenderTable {TABLE} at (0,541) size 680x450 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 678x448
+          RenderTableRow {TR} at (0,0) size 678x30
+            RenderTableCell {TD} at (0,0) size 678x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 678x418
+            RenderTableCell {TD} at (0,225) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 666x418 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderImage {IMG} at (4,4) size 15x50
+              RenderBlock {P} at (4,4) size 658x20
+                RenderText {#text} at (18,0) size 595x20
+                  text run at (18,0) width 595: "This text should be flowing past a tall orange rectangle on the left side of the browser window."
+              RenderBlock (anonymous) at (4,40) size 658x20
+                RenderBR {BR} at (18,0) size 0x20
+                RenderImage {IMG} at (0,20) size 15x50
+              RenderBlock {P} at (4,110) size 658x20
+                RenderText {#text} at (0,0) size 649x20
+                  text run at (0,0) width 649: "This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it."
+              RenderBlock (anonymous) at (4,146) size 658x20
+                RenderBR {BR} at (0,0) size 0x20
+                RenderImage {IMG} at (643,20) size 15x50
+              RenderBlock {P} at (4,216) size 658x20
+                RenderText {#text} at (0,0) size 658x20
+                  text run at (0,0) width 658: "This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it."
+              RenderBlock (anonymous) at (4,252) size 658x20
+                RenderBR {BR} at (0,0) size 0x20
+                RenderImage {IMG} at (0,20) size 15x50
+                RenderImage {IMG} at (643,20) size 15x50
+              RenderBlock {P} at (4,322) size 658x20
+                RenderText {#text} at (0,0) size 602x20
+                  text run at (0,0) width 602: "This paragraph should appear below the two tall orange rectangles, and not flow between them."
+              RenderImage {IMG} at (4,358) size 15x50
+              RenderImage {IMG} at (647,358) size 15x50
+              RenderBlock {P} at (4,358) size 658x20
+                RenderText {#text} at (18,0) size 390x20
+                  text run at (18,0) width 390: "This paragraph should be between both tall orange rectangles."
+              RenderBlock (anonymous) at (4,394) size 658x20
+                RenderBR {BR} at (18,0) size 0x20
diff --git a/LayoutTests/platform/gtk/css1/box_properties/clear_float-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/clear_float-expected.txt
new file mode 100644 (file)
index 0000000..f1dcb5b
--- /dev/null
@@ -0,0 +1,160 @@
+layer at (0,0) size 800x836
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x836
+  RenderBlock {HTML} at (0,0) size 800x836
+    RenderBody {BODY} at (8,8) size 784x820 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,33) size 784x144
+        RenderText {#text} at (0,0) size 616x143
+          text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align:  justify;}"
+          text run at (392,0) width 0: " "
+          text run at (0,16) width 0: " "
+          text run at (0,32) width 384: "DIV.menu {float: left; clear: left; width: 11em;"
+          text run at (384,32) width 0: " "
+          text run at (0,48) width 464: "          margin: 0; margin-bottom: 10px; padding: 0.5em;}"
+          text run at (464,48) width 0: " "
+          text run at (0,64) width 432: "DIV.menu H1 {font-size: 1.2em; margin: 0; padding: 0;}"
+          text run at (432,64) width 0: " "
+          text run at (0,80) width 448: "DIV.menu UL {margin: 0.2em 0.3em 0.2em 1em; padding: 0;}"
+          text run at (448,80) width 0: " "
+          text run at (0,96) width 616: "DIV.article {padding: 0.5em; margin: 0; margin-left: 14em; margin-right: 2em;"
+          text run at (616,96) width 0: " "
+          text run at (0,112) width 480: "             color: black; background: yellow; clear: none;}"
+          text run at (480,112) width 0: " "
+          text run at (0,128) width 0: " "
+      RenderBlock {HR} at (0,190) size 784x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {DIV} at (0,200) size 192x128 [color=#FFFFFF] [bgcolor=#008000]
+        RenderBlock {H1} at (8,8) size 176x26
+          RenderText {#text} at (0,0) size 85x26
+            text run at (0,0) width 85: "Top menu"
+        RenderBlock {UL} at (24,37) size 156x80
+          RenderListItem {LI} at (0,0) size 156x20
+            RenderListMarker at (-18,0) size 7x20: bullet
+            RenderText {#text} at (0,0) size 35x20
+              text run at (0,0) width 35: "green"
+          RenderListItem {LI} at (0,20) size 156x20
+            RenderListMarker at (-18,0) size 7x20: bullet
+            RenderText {#text} at (0,0) size 62x20
+              text run at (0,0) width 62: "white text"
+          RenderListItem {LI} at (0,40) size 156x20
+            RenderListMarker at (-18,0) size 7x20: bullet
+            RenderText {#text} at (0,0) size 94x20
+              text run at (0,0) width 94: "0.5em padding"
+          RenderListItem {LI} at (0,60) size 156x20
+            RenderListMarker at (-18,0) size 7x20: bullet
+            RenderText {#text} at (0,0) size 87x20
+              text run at (0,0) width 87: "0.5em margin"
+      RenderBlock (floating) {DIV} at (0,338) size 192x128 [color=#FFFFFF] [bgcolor=#0000FF]
+        RenderBlock {H1} at (8,8) size 176x26
+          RenderText {#text} at (0,0) size 112x26
+            text run at (0,0) width 112: "Bottom menu"
+        RenderBlock {UL} at (24,37) size 156x80
+          RenderListItem {LI} at (0,0) size 156x20
+            RenderListMarker at (-18,0) size 7x20: bullet
+            RenderText {#text} at (0,0) size 106x20
+              text run at (0,0) width 106: "blue background"
+          RenderListItem {LI} at (0,20) size 156x20
+            RenderListMarker at (-18,0) size 7x20: bullet
+            RenderText {#text} at (0,0) size 62x20
+              text run at (0,0) width 62: "white text"
+          RenderListItem {LI} at (0,40) size 156x20
+            RenderListMarker at (-18,0) size 7x20: bullet
+            RenderText {#text} at (0,0) size 94x20
+              text run at (0,0) width 94: "0.5em padding"
+          RenderListItem {LI} at (0,60) size 156x20
+            RenderListMarker at (-18,0) size 7x20: bullet
+            RenderText {#text} at (0,0) size 87x20
+              text run at (0,0) width 87: "0.5em margin"
+      RenderBlock {DIV} at (224,200) size 528x240 [bgcolor=#FFFF00]
+        RenderBlock {H1} at (8,29) size 512x42
+          RenderText {#text} at (0,0) size 275x42
+            text run at (0,0) width 275: "The 'clear' property"
+        RenderBlock {P} at (8,92) size 512x100
+          RenderText {#text} at (0,0) size 512x100
+            text run at (0,0) width 512: "This page has two floating \"menus\" on the side; one has a green background,"
+            text run at (0,20) width 238: "and the other a blue background. "
+            text run at (238,20) width 274: "Due to settings on the 'float' and 'clear'"
+            text run at (0,40) width 512: "properties, the two menus should appear on the left side of the page, the blue"
+            text run at (0,60) width 512: "below the green. There should be a 10px gap between the two menus. There"
+            text run at (0,80) width 459: "should also be a 10px gap between the top menu and the top of the page."
+        RenderBlock {P} at (8,192) size 512x40
+          RenderText {#text} at (0,0) size 512x40
+            text run at (0,0) width 512: "The top of the yellow rectangle (to which this paragraph belongs) should be"
+            text run at (0,20) width 331: "vertically aligned with the top of the green rectangle."
+      RenderTable {TABLE} at (192,440) size 592x380 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 590x378
+          RenderTableRow {TR} at (0,0) size 590x30
+            RenderTableCell {TD} at (0,0) size 590x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 590x348
+            RenderTableCell {TD} at (0,190) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 578x348 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (floating) {DIV} at (4,4) size 192x128 [color=#FFFFFF] [bgcolor=#008000]
+                RenderBlock {H1} at (8,8) size 176x26
+                  RenderText {#text} at (0,0) size 85x26
+                    text run at (0,0) width 85: "Top menu"
+                RenderBlock {UL} at (24,37) size 156x80
+                  RenderListItem {LI} at (0,0) size 156x20
+                    RenderListMarker at (-18,0) size 7x20: bullet
+                    RenderText {#text} at (0,0) size 35x20
+                      text run at (0,0) width 35: "green"
+                  RenderListItem {LI} at (0,20) size 156x20
+                    RenderListMarker at (-18,0) size 7x20: bullet
+                    RenderText {#text} at (0,0) size 62x20
+                      text run at (0,0) width 62: "white text"
+                  RenderListItem {LI} at (0,40) size 156x20
+                    RenderListMarker at (-18,0) size 7x20: bullet
+                    RenderText {#text} at (0,0) size 94x20
+                      text run at (0,0) width 94: "0.5em padding"
+                  RenderListItem {LI} at (0,60) size 156x20
+                    RenderListMarker at (-18,0) size 7x20: bullet
+                    RenderText {#text} at (0,0) size 87x20
+                      text run at (0,0) width 87: "0.5em margin"
+              RenderBlock (floating) {DIV} at (4,142) size 192x128 [color=#FFFFFF] [bgcolor=#0000FF]
+                RenderBlock {H1} at (8,8) size 176x26
+                  RenderText {#text} at (0,0) size 112x26
+                    text run at (0,0) width 112: "Bottom menu"
+                RenderBlock {UL} at (24,37) size 156x80
+                  RenderListItem {LI} at (0,0) size 156x20
+                    RenderListMarker at (-18,0) size 7x20: bullet
+                    RenderText {#text} at (0,0) size 106x20
+                      text run at (0,0) width 106: "blue background"
+                  RenderListItem {LI} at (0,20) size 156x20
+                    RenderListMarker at (-18,0) size 7x20: bullet
+                    RenderText {#text} at (0,0) size 62x20
+                      text run at (0,0) width 62: "white text"
+                  RenderListItem {LI} at (0,40) size 156x20
+                    RenderListMarker at (-18,0) size 7x20: bullet
+                    RenderText {#text} at (0,0) size 94x20
+                      text run at (0,0) width 94: "0.5em padding"
+                  RenderListItem {LI} at (0,60) size 156x20
+                    RenderListMarker at (-18,0) size 7x20: bullet
+                    RenderText {#text} at (0,0) size 87x20
+                      text run at (0,0) width 87: "0.5em margin"
+              RenderBlock {DIV} at (228,4) size 314x340 [bgcolor=#FFFF00]
+                RenderBlock {H1} at (8,29) size 298x42
+                  RenderText {#text} at (0,0) size 275x42
+                    text run at (0,0) width 275: "The 'clear' property"
+                RenderBlock {P} at (8,92) size 298x180
+                  RenderText {#text} at (0,0) size 298x180
+                    text run at (0,0) width 298: "This page has two floating \"menus\" on the"
+                    text run at (0,20) width 298: "side; one has a green background, and the"
+                    text run at (0,40) width 161: "other a blue background. "
+                    text run at (161,40) width 137: "Due to settings on the"
+                    text run at (0,60) width 298: "'float' and 'clear' properties, the two menus"
+                    text run at (0,80) width 298: "should appear on the left side of the page, the"
+                    text run at (0,100) width 298: "blue below the green. There should be a 10px"
+                    text run at (0,120) width 298: "gap between the two menus. There should also"
+                    text run at (0,140) width 298: "be a 10px gap between the top menu and the"
+                    text run at (0,160) width 98: "top of the page."
+                RenderBlock {P} at (8,272) size 298x60
+                  RenderText {#text} at (0,0) size 298x60
+                    text run at (0,0) width 298: "The top of the yellow rectangle (to which this"
+                    text run at (0,20) width 298: "paragraph belongs) should be vertically aligned"
+                    text run at (0,40) width 219: "with the top of the green rectangle."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/float-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/float-expected.txt
new file mode 100644 (file)
index 0000000..2fcd47a
--- /dev/null
@@ -0,0 +1,58 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x48
+        RenderText {#text} at (0,0) size 160x47
+          text run at (0,0) width 152: ".one {float: left;}"
+          text run at (152,0) width 0: " "
+          text run at (0,16) width 160: ".two {float: right;}"
+          text run at (160,16) width 0: " "
+          text run at (0,32) width 0: " "
+      RenderBlock {HR} at (0,97) size 784x2 [border: (1px inset #000000)]
+      RenderImage {IMG} at (0,107) size 15x50
+      RenderBlock {P} at (0,115) size 784x40
+        RenderText {#text} at (15,0) size 764x40
+          text run at (15,0) width 599: "This text should be flowing past a tall orange rectangle on the left side of the browser window. "
+          text run at (614,0) width 165: "In this case, it is the image"
+          text run at (15,20) width 212: "which has been floated to the left."
+      RenderBlock (anonymous) at (0,171) size 784x20
+        RenderBR {BR} at (0,0) size 0x20
+      RenderBlock {HR} at (0,199) size 784x2 [border: (1px inset #000000)]
+      RenderImage {IMG} at (769,209) size 15x50
+      RenderBlock {P} at (0,217) size 784x40
+        RenderText {#text} at (0,0) size 731x40
+          text run at (0,0) width 608: "This text should be flowing past a tall orange rectangle on the right side of the browser window. "
+          text run at (608,0) width 123: "In this case, it is the"
+          text run at (0,20) width 263: "image which has been floated to the right."
+      RenderTable {TABLE} at (0,273) size 784x184 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x182
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x152
+            RenderTableCell {TD} at (0,92) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x152 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderImage {IMG} at (4,4) size 15x50
+              RenderBlock {P} at (4,4) size 762x40
+                RenderText {#text} at (15,0) size 722x40
+                  text run at (15,0) width 599: "This text should be flowing past a tall orange rectangle on the left side of the browser window. "
+                  text run at (614,0) width 123: "In this case, it is the"
+                  text run at (15,20) width 254: "image which has been floated to the left."
+              RenderBlock (anonymous) at (4,60) size 762x20
+                RenderBR {BR} at (0,0) size 0x20
+              RenderBlock {HR} at (4,88) size 762x2 [border: (1px inset #000000)]
+              RenderImage {IMG} at (751,98) size 15x50
+              RenderBlock {P} at (4,106) size 762x40
+                RenderText {#text} at (0,0) size 731x40
+                  text run at (0,0) width 608: "This text should be flowing past a tall orange rectangle on the right side of the browser window. "
+                  text run at (608,0) width 123: "In this case, it is the"
+                  text run at (0,20) width 263: "image which has been floated to the right."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/float_elements_in_series-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/float_elements_in_series-expected.txt
new file mode 100644 (file)
index 0000000..c11aa39
--- /dev/null
@@ -0,0 +1,161 @@
+layer at (0,0) size 800x728
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x728
+  RenderBlock {HTML} at (0,0) size 800x728
+    RenderBody {BODY} at (8,8) size 784x700 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,33) size 784x208
+        RenderText {#text} at (0,0) size 512x207
+          text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align:  justify;}"
+          text run at (392,0) width 0: " "
+          text run at (0,16) width 0: " "
+          text run at (0,32) width 336: "DIV.yellow, DIV.blue, DIV.red, DIV.green {"
+          text run at (336,32) width 0: " "
+          text run at (0,48) width 336: " width: 60px; padding: 20px; margin: 10px;"
+          text run at (336,48) width 0: " "
+          text run at (0,64) width 472: " border: 20px solid black; float: left; text-align: center;"
+          text run at (472,64) width 0: " "
+          text run at (0,80) width 360: " font-family: \"Times New Roman\",Times,serif;}"
+          text run at (360,80) width 0: " "
+          text run at (0,96) width 512: "DIV.yellow {margin-left: 0px; background: yellow; color: black;}"
+          text run at (512,96) width 0: " "
+          text run at (0,112) width 336: "DIV.blue {background: blue; color: white;}"
+          text run at (336,112) width 0: " "
+          text run at (0,128) width 320: "DIV.red {background: red; color: black;}"
+          text run at (320,128) width 0: " "
+          text run at (0,144) width 352: "DIV.green {background: green; color: white;}"
+          text run at (352,144) width 0: " "
+          text run at (0,160) width 192: "DIV.below {clear: both;}"
+          text run at (192,160) width 0: " "
+          text run at (0,176) width 200: "TABLE {margin: 20px 0px;}"
+          text run at (200,176) width 0: " "
+          text run at (0,192) width 0: " "
+      RenderBlock {HR} at (0,254) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,264) size 784x40
+        RenderText {#text} at (0,0) size 784x40
+          text run at (0,0) width 784: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this page"
+          text run at (0,20) width 405: "indicates how the DIV elements should be laid out horizontally. "
+          text run at (405,20) width 219: "They should align with each other."
+      RenderBlock (floating) {DIV} at (0,314) size 140x97 [bgcolor=#FFFF00] [border: (20px solid #000000)]
+        RenderBlock {P} at (40,40) size 60x17
+          RenderText {#text} at (0,0) size 96x17
+            text run at (0,0) width 96: "Yellow"
+      RenderBlock (floating) {DIV} at (160,314) size 140x97 [color=#FFFFFF] [bgcolor=#0000FF] [border: (20px solid #000000)]
+        RenderBlock {P} at (40,40) size 60x17
+          RenderText {#text} at (0,0) size 64x17
+            text run at (0,0) width 64: "Blue"
+      RenderBlock (floating) {DIV} at (320,314) size 140x97 [bgcolor=#FF0000] [border: (20px solid #000000)]
+        RenderBlock {P} at (40,40) size 60x17
+          RenderText {#text} at (0,0) size 48x17
+            text run at (0,0) width 48: "Red"
+      RenderBlock (floating) {DIV} at (480,314) size 140x97 [color=#FFFFFF] [bgcolor=#008000] [border: (20px solid #000000)]
+        RenderBlock {P} at (40,40) size 60x17
+          RenderText {#text} at (0,0) size 80x17
+            text run at (0,0) width 80: "Green"
+      RenderBlock {DIV} at (0,421) size 784x21
+        RenderTable {TABLE} at (0,0) size 620x21
+          RenderTableSection {TBODY} at (0,0) size 620x21
+            RenderTableRow {TR} at (0,0) size 620x21
+              RenderTableCell {TD} at (0,10) size 20x1 [bgcolor=#000000] [r=0 c=0 rs=1 cs=1]
+                RenderImage {IMG} at (0,0) size 20x1
+              RenderTableCell {TD} at (20,10) size 100x1 [bgcolor=#FFFF00] [r=0 c=1 rs=1 cs=1]
+                RenderImage {IMG} at (0,0) size 100x1
+              RenderTableCell {TD} at (120,10) size 20x1 [bgcolor=#000000] [r=0 c=2 rs=1 cs=1]
+                RenderImage {IMG} at (0,0) size 20x1
+              RenderTableCell {TD} at (140,10) size 20x1 [bgcolor=#FFFFFF] [r=0 c=3 rs=1 cs=1]
+                RenderImage {IMG} at (0,0) size 20x1
+              RenderTableCell {TD} at (160,10) size 20x1 [bgcolor=#000000] [r=0 c=4 rs=1 cs=1]
+                RenderImage {IMG} at (0,0) size 20x1
+              RenderTableCell {TD} at (180,10) size 100x1 [bgcolor=#0000FF] [r=0 c=5 rs=1 cs=1]
+                RenderImage {IMG} at (0,0) size 100x1
+              RenderTableCell {TD} at (280,10) size 20x1 [bgcolor=#000000] [r=0 c=6 rs=1 cs=1]
+                RenderImage {IMG} at (0,0) size 20x1
+              RenderTableCell {TD} at (300,10) size 20x1 [bgcolor=#FFFFFF] [r=0 c=7 rs=1 cs=1]
+                RenderImage {IMG} at (0,0) size 20x1
+              RenderTableCell {TD} at (320,10) size 20x1 [bgcolor=#000000] [r=0 c=8 rs=1 cs=1]
+                RenderImage {IMG} at (0,0) size 20x1
+              RenderTableCell {TD} at (340,10) size 100x1 [bgcolor=#FF0000] [r=0 c=9 rs=1 cs=1]
+                RenderImage {IMG} at (0,0) size 100x1
+              RenderTableCell {TD} at (440,0) size 20x21 [bgcolor=#000000] [r=0 c=10 rs=1 cs=1]
+                RenderImage {IMG} at (0,0) size 20x1
+                RenderText {#text} at (0,1) size 4x20
+                  text run at (0,1) width 4: ";"
+              RenderTableCell {TD} at (460,10) size 20x1 [bgcolor=#FFFFFF] [r=0 c=11 rs=1 cs=1]
+                RenderImage {IMG} at (0,0) size 20x1
+              RenderTableCell {TD} at (480,10) size 20x1 [bgcolor=#000000] [r=0 c=12 rs=1 cs=1]
+                RenderImage {IMG} at (0,0) size 20x1
+              RenderTableCell {TD} at (500,10) size 100x1 [bgcolor=#008000] [r=0 c=13 rs=1 cs=1]
+                RenderImage {IMG} at (0,0) size 100x1
+              RenderTableCell {TD} at (600,10) size 20x1 [bgcolor=#000000] [r=0 c=14 rs=1 cs=1]
+                RenderImage {IMG} at (0,0) size 20x1
+      RenderTable {TABLE} at (0,462) size 784x238 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x236
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x206
+            RenderTableCell {TD} at (0,119) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x206 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x40
+                RenderText {#text} at (0,0) size 762x40
+                  text run at (0,0) width 762: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this page"
+                  text run at (0,20) width 405: "indicates how the DIV elements should be laid out horizontally. "
+                  text run at (405,20) width 219: "They should align with each other."
+              RenderBlock (floating) {DIV} at (4,54) size 140x97 [bgcolor=#FFFF00] [border: (20px solid #000000)]
+                RenderBlock {P} at (40,40) size 60x17
+                  RenderText {#text} at (0,0) size 96x17
+                    text run at (0,0) width 96: "Yellow"
+              RenderBlock (floating) {DIV} at (164,54) size 140x97 [color=#FFFFFF] [bgcolor=#0000FF] [border: (20px solid #000000)]
+                RenderBlock {P} at (40,40) size 60x17
+                  RenderText {#text} at (0,0) size 64x17
+                    text run at (0,0) width 64: "Blue"
+              RenderBlock (floating) {DIV} at (324,54) size 140x97 [bgcolor=#FF0000] [border: (20px solid #000000)]
+                RenderBlock {P} at (40,40) size 60x17
+                  RenderText {#text} at (0,0) size 48x17
+                    text run at (0,0) width 48: "Red"
+              RenderBlock (floating) {DIV} at (484,54) size 140x97 [color=#FFFFFF] [bgcolor=#008000] [border: (20px solid #000000)]
+                RenderBlock {P} at (40,40) size 60x17
+                  RenderText {#text} at (0,0) size 80x17
+                    text run at (0,0) width 80: "Green"
+              RenderBlock {DIV} at (4,161) size 762x21
+                RenderTable {TABLE} at (0,0) size 620x21
+                  RenderTableSection {TBODY} at (0,0) size 620x21
+                    RenderTableRow {TR} at (0,0) size 620x21
+                      RenderTableCell {TD} at (0,10) size 20x1 [bgcolor=#000000] [r=0 c=0 rs=1 cs=1]
+                        RenderImage {IMG} at (0,0) size 20x1
+                      RenderTableCell {TD} at (20,10) size 100x1 [bgcolor=#FFFF00] [r=0 c=1 rs=1 cs=1]
+                        RenderImage {IMG} at (0,0) size 100x1
+                      RenderTableCell {TD} at (120,10) size 20x1 [bgcolor=#000000] [r=0 c=2 rs=1 cs=1]
+                        RenderImage {IMG} at (0,0) size 20x1
+                      RenderTableCell {TD} at (140,10) size 20x1 [bgcolor=#FFFFFF] [r=0 c=3 rs=1 cs=1]
+                        RenderImage {IMG} at (0,0) size 20x1
+                      RenderTableCell {TD} at (160,10) size 20x1 [bgcolor=#000000] [r=0 c=4 rs=1 cs=1]
+                        RenderImage {IMG} at (0,0) size 20x1
+                      RenderTableCell {TD} at (180,10) size 100x1 [bgcolor=#0000FF] [r=0 c=5 rs=1 cs=1]
+                        RenderImage {IMG} at (0,0) size 100x1
+                      RenderTableCell {TD} at (280,10) size 20x1 [bgcolor=#000000] [r=0 c=6 rs=1 cs=1]
+                        RenderImage {IMG} at (0,0) size 20x1
+                      RenderTableCell {TD} at (300,10) size 20x1 [bgcolor=#FFFFFF] [r=0 c=7 rs=1 cs=1]
+                        RenderImage {IMG} at (0,0) size 20x1
+                      RenderTableCell {TD} at (320,10) size 20x1 [bgcolor=#000000] [r=0 c=8 rs=1 cs=1]
+                        RenderImage {IMG} at (0,0) size 20x1
+                      RenderTableCell {TD} at (340,10) size 100x1 [bgcolor=#FF0000] [r=0 c=9 rs=1 cs=1]
+                        RenderImage {IMG} at (0,0) size 100x1
+                      RenderTableCell {TD} at (440,0) size 20x21 [bgcolor=#000000] [r=0 c=10 rs=1 cs=1]
+                        RenderImage {IMG} at (0,0) size 20x1
+                        RenderText {#text} at (0,1) size 4x20
+                          text run at (0,1) width 4: ";"
+                      RenderTableCell {TD} at (460,10) size 20x1 [bgcolor=#FFFFFF] [r=0 c=11 rs=1 cs=1]
+                        RenderImage {IMG} at (0,0) size 20x1
+                      RenderTableCell {TD} at (480,10) size 20x1 [bgcolor=#000000] [r=0 c=12 rs=1 cs=1]
+                        RenderImage {IMG} at (0,0) size 20x1
+                      RenderTableCell {TD} at (500,10) size 100x1 [bgcolor=#008000] [r=0 c=13 rs=1 cs=1]
+                        RenderImage {IMG} at (0,0) size 100x1
+                      RenderTableCell {TD} at (600,10) size 20x1 [bgcolor=#000000] [r=0 c=14 rs=1 cs=1]
+                        RenderImage {IMG} at (0,0) size 20x1
diff --git a/LayoutTests/platform/gtk/css1/box_properties/float_margin-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/float_margin-expected.txt
new file mode 100644 (file)
index 0000000..1769f7b
--- /dev/null
@@ -0,0 +1,165 @@
+layer at (0,0) size 800x2041
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x2041
+  RenderBlock {HTML} at (0,0) size 800x2041
+    RenderBody {BODY} at (8,8) size 784x2025 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x144
+        RenderText {#text} at (0,0) size 560x143
+          text run at (0,0) width 344: "P.test {background: white; font-size: 20px;"
+          text run at (344,0) width 0: " "
+          text run at (0,16) width 560: "        margin-left: 30px; margin-right: 10px; padding: 0; border: 0;}"
+          text run at (560,16) width 0: " "
+          text run at (0,32) width 312: "IMG {padding: 0; border: 0; margin: 0;}"
+          text run at (312,32) width 0: " "
+          text run at (0,48) width 200: "P.test IMG {float: left;}"
+          text run at (200,48) width 0: " "
+          text run at (0,64) width 352: "#img2 {margin-top: 30px; margin-left: 30px;}"
+          text run at (352,64) width 0: " "
+          text run at (0,80) width 368: "#img3 {margin-top: -30px; margin-left: -30px;}"
+          text run at (368,80) width 0: " "
+          text run at (0,96) width 384: "#img4 {margin-right: 30px; margin-bottom: 30px;}"
+          text run at (384,96) width 0: " "
+          text run at (0,112) width 400: "#img5 {margin-right: -30px; margin-bottom: -30px;}"
+          text run at (400,112) width 0: " "
+          text run at (0,128) width 0: " "
+      RenderBlock {HR} at (0,193) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (30,215) size 744x100 [bgcolor=#FFFFFF]
+        RenderText {#text} at (0,0) size 738x100
+          text run at (0,0) width 663: "This paragraph should have a white background which extends to the edges of the"
+          text run at (0,25) width 122: "element's box. "
+          text run at (122,25) width 442: "There is no padding set on this paragraph whatsoever. "
+          text run at (564,25) width 166: "If the background of"
+          text run at (0,50) width 738: "the entire box is not white, this may cause problems with the following tests; at any rate, it"
+          text run at (0,75) width 223: "must be taken into account."
+      RenderBlock {P} at (30,335) size 744x125 [bgcolor=#FFFFFF]
+        RenderImage {IMG} at (0,0) size 60x60
+        RenderText {#text} at (60,0) size 741x125
+          text run at (60,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and"
+          text run at (60,25) width 119: "nothing more. "
+          text run at (179,25) width 540: "The edges of the white background should line up with the top and"
+          text run at (60,50) width 196: "left edges of the image. "
+          text run at (256,50) width 485: "This paragraph should have a white background, first of all,"
+          text run at (0,75) width 397: "which extends to the edges of the element's box. "
+          text run at (397,75) width 335: "There is no padding set on this paragraph"
+          text run at (0,100) width 97: "whatsoever."
+      RenderBlock {P} at (30,480) size 744x125 [bgcolor=#FFFFFF]
+        RenderImage {IMG} at (30,30) size 60x60
+        RenderText {#text} at (90,0) size 741x125
+          text run at (90,0) width 649: "The image in the upper left corner of this paragraph should be pushed down and"
+          text run at (90,25) width 651: "to the right 30 pixels each from the upper left corner of the paragraph's box, and"
+          text run at (90,50) width 330: "displace the paragraph text accordingly. "
+          text run at (420,50) width 288: "This paragraph should have a white"
+          text run at (90,75) width 594: "background, first of all, which extends to the edges of the element's box. "
+          text run at (684,75) width 47: "There"
+          text run at (0,100) width 385: "is no padding set on this paragraph whatsoever."
+      RenderBlock {P} at (30,625) size 744x125 [bgcolor=#FFFFFF]
+        RenderImage {IMG} at (-30,-30) size 60x60
+        RenderText {#text} at (30,0) size 739x125
+          text run at (30,0) width 709: "The image in the upper left corner of this paragraph should be pushed up and to the left"
+          text run at (30,25) width 709: "30 pixels each from the upper left corner of the paragraph's box, thus causing the edges"
+          text run at (0,50) width 582: "of the white background to align with the thick gray lines in the image. "
+          text run at (582,50) width 122: "This paragraph"
+          text run at (0,75) width 715: "should have a white background, first of all, which extends to the edges of the element's"
+          text run at (0,100) width 40: "box. "
+          text run at (40,100) width 437: "There is no padding set on this paragraph whatsoever."
+      RenderBlock {P} at (30,770) size 744x150 [bgcolor=#FFFFFF]
+        RenderImage {IMG} at (0,0) size 60x60
+        RenderText {#text} at (90,0) size 730x150
+          text run at (90,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and"
+          text run at (90,25) width 640: "the edges of the white background should line up with the top and left edges of"
+          text run at (90,50) width 90: "the image. "
+          text run at (180,50) width 538: "However, there should be 30 pixels of space between the right and"
+          text run at (90,75) width 490: "bottom edges of the image and the paragraph text around it. "
+          text run at (580,75) width 122: "This paragraph"
+          text run at (0,100) width 715: "should have a white background, first of all, which extends to the edges of the element's"
+          text run at (0,125) width 40: "box. "
+          text run at (40,125) width 437: "There is no padding set on this paragraph whatsoever."
+      RenderBlock {P} at (30,940) size 744x150 [bgcolor=#FFFFFF]
+        RenderImage {IMG} at (0,0) size 60x60
+        RenderText {#text} at (30,0) size 732x150
+          text run at (30,0) width 668: "The image in the upper left corner of this paragraph should be floated left, and the"
+          text run at (30,25) width 700: "edges of the white background should line up with the top and left edges of the image."
+          text run at (0,50) width 707: "However, the text should overlap the image's right and bottom sides, lining up with the"
+          text run at (0,75) width 242: "thick gray lines in the image. "
+          text run at (242,75) width 485: "This paragraph should have a white background, first of all,"
+          text run at (0,100) width 397: "which extends to the edges of the element's box. "
+          text run at (397,100) width 335: "There is no padding set on this paragraph"
+          text run at (0,125) width 97: "whatsoever."
+      RenderTable {TABLE} at (0,1110) size 784x915 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x913
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x883
+            RenderTableCell {TD} at (0,457) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x883 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (34,4) size 722x100 [bgcolor=#FFFFFF]
+                RenderText {#text} at (0,0) size 708x100
+                  text run at (0,0) width 663: "This paragraph should have a white background which extends to the edges of the"
+                  text run at (0,25) width 122: "element's box. "
+                  text run at (122,25) width 442: "There is no padding set on this paragraph whatsoever. "
+                  text run at (564,25) width 144: "If the background"
+                  text run at (0,50) width 702: "of the entire box is not white, this may cause problems with the following tests; at any"
+                  text run at (0,75) width 281: "rate, it must be taken into account."
+              RenderBlock {P} at (34,124) size 722x125 [bgcolor=#FFFFFF]
+                RenderImage {IMG} at (0,0) size 60x60
+                RenderText {#text} at (60,0) size 719x125
+                  text run at (60,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and"
+                  text run at (60,25) width 119: "nothing more. "
+                  text run at (179,25) width 540: "The edges of the white background should line up with the top and"
+                  text run at (60,50) width 196: "left edges of the image. "
+                  text run at (256,50) width 454: "This paragraph should have a white background, first of"
+                  text run at (0,75) width 428: "all, which extends to the edges of the element's box. "
+                  text run at (428,75) width 249: "There is no padding set on this"
+                  text run at (0,100) width 183: "paragraph whatsoever."
+              RenderBlock {P} at (34,269) size 722x125 [bgcolor=#FFFFFF]
+                RenderImage {IMG} at (30,30) size 60x60
+                RenderText {#text} at (90,0) size 718x125
+                  text run at (90,0) width 615: "The image in the upper left corner of this paragraph should be pushed down"
+                  text run at (90,25) width 611: "and to the right 30 pixels each from the upper left corner of the paragraph's"
+                  text run at (90,50) width 404: "box, and displace the paragraph text accordingly. "
+                  text run at (494,50) width 224: "This paragraph should have"
+                  text run at (90,75) width 613: "a white background, first of all, which extends to the edges of the element's"
+                  text run at (0,100) width 40: "box. "
+                  text run at (40,100) width 437: "There is no padding set on this paragraph whatsoever."
+              RenderBlock {P} at (34,414) size 722x125 [bgcolor=#FFFFFF]
+                RenderImage {IMG} at (-30,-30) size 60x60
+                RenderText {#text} at (30,0) size 721x125
+                  text run at (30,0) width 676: "The image in the upper left corner of this paragraph should be pushed up and to the"
+                  text run at (30,25) width 691: "left 30 pixels each from the upper left corner of the paragraph's box, thus causing the"
+                  text run at (0,50) width 633: "edges of the white background to align with the thick gray lines in the image. "
+                  text run at (633,50) width 36: "This"
+                  text run at (0,75) width 719: "paragraph should have a white background, first of all, which extends to the edges of the"
+                  text run at (0,100) width 122: "element's box. "
+                  text run at (122,100) width 437: "There is no padding set on this paragraph whatsoever."
+              RenderBlock {P} at (34,559) size 722x150 [bgcolor=#FFFFFF]
+                RenderImage {IMG} at (0,0) size 60x60
+                RenderText {#text} at (90,0) size 719x150
+                  text run at (90,0) width 604: "The image in the upper left corner of this paragraph should be floated left,"
+                  text run at (90,25) width 601: "and the edges of the white background should line up with the top and left"
+                  text run at (90,50) width 163: "edges of the image. "
+                  text run at (253,50) width 460: "However, there should be 30 pixels of space between the"
+                  text run at (90,75) width 568: "right and bottom edges of the image and the paragraph text around it. "
+                  text run at (658,75) width 36: "This"
+                  text run at (0,100) width 719: "paragraph should have a white background, first of all, which extends to the edges of the"
+                  text run at (0,125) width 122: "element's box. "
+                  text run at (122,125) width 437: "There is no padding set on this paragraph whatsoever."
+              RenderBlock {P} at (34,729) size 722x150 [bgcolor=#FFFFFF]
+                RenderImage {IMG} at (0,0) size 60x60
+                RenderText {#text} at (30,0) size 706x150
+                  text run at (30,0) width 668: "The image in the upper left corner of this paragraph should be floated left, and the"
+                  text run at (30,25) width 640: "edges of the white background should line up with the top and left edges of the"
+                  text run at (0,50) width 60: "image. "
+                  text run at (60,50) width 636: "However, the text should overlap the image's right and bottom sides, lining up"
+                  text run at (0,75) width 313: "with the thick gray lines in the image. "
+                  text run at (313,75) width 393: "This paragraph should have a white background,"
+                  text run at (0,100) width 489: "first of all, which extends to the edges of the element's box. "
+                  text run at (489,100) width 214: "There is no padding set on"
+                  text run at (0,125) width 218: "this paragraph whatsoever."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/float_on_text_elements-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/float_on_text_elements-expected.txt
new file mode 100644 (file)
index 0000000..4856b76
--- /dev/null
@@ -0,0 +1,346 @@
+layer at (0,0) size 800x2928
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x2928
+  RenderBlock {HTML} at (0,0) size 800x2928
+    RenderBody {BODY} at (8,8) size 784x2912 [bgcolor=#CCCCCC]
+      RenderBlock (floating) {P} at (0,0) size 392x40 [bgcolor=#FFFF00]
+        RenderText {#text} at (0,0) size 392x40
+          text run at (0,0) width 392: "This paragraph is of class \"one\". It has a width of 50% and is"
+          text run at (0,20) width 110: "floated to the left."
+      RenderBlock {P} at (0,0) size 784x80
+        RenderText {#text} at (392,0) size 784x80
+          text run at (392,0) width 392: "This paragraph should start on the right side of a yellow box"
+          text run at (392,20) width 392: "which contains the previous paragraph. Since the text of this"
+          text run at (0,40) width 784: "element is much longer than the text in the previous element, the text will wrap around the yellow box. There is no padding,"
+          text run at (0,60) width 740: "border or margins on this and the previous element, so the text of the two elements should be very close to each other."
+      RenderBlock (anonymous) at (0,80) size 784x20
+        RenderBR {BR} at (0,0) size 0x20
+      RenderBlock {HR} at (0,108) size 784x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {P} at (0,118) size 784x80 [bgcolor=#FFFF00]
+        RenderText {#text} at (0,0) size 784x80
+          text run at (0,0) width 784: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
+          text run at (0,20) width 784: "element allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides and a"
+          text run at (0,40) width 784: "orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been added to this"
+          text run at (0,60) width 217: "paragraph for diagnostic purposes."
+      RenderBlock (anonymous) at (0,118) size 784x100
+        RenderImage {IMG} at (0,80) size 15x15
+        RenderText {#text} at (15,80) size 4x20
+          text run at (15,80) width 4: " "
+        RenderBR {BR} at (19,95) size 0x0
+      RenderBlock {HR} at (0,226) size 784x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {P} at (0,236) size 392x120 [bgcolor=#FFFF00]
+        RenderText {#text} at (0,0) size 392x120
+          text run at (0,0) width 392: "This paragraph is floated to the left and the orange square"
+          text run at (0,20) width 392: "image should appear to the right of the paragraph. This"
+          text run at (0,40) width 392: "paragraph has a yellow background and no padding, margin"
+          text run at (0,60) width 392: "or border. The right edge of this yellow box should be"
+          text run at (0,80) width 392: "horizontally aligned with the left edge of the yellow box"
+          text run at (0,100) width 79: "undernearth."
+      RenderBlock (anonymous) at (0,236) size 784x120
+        RenderImage {IMG} at (392,0) size 15x15
+        RenderText {#text} at (407,0) size 4x20
+          text run at (407,0) width 4: " "
+        RenderBR {BR} at (411,15) size 0x0
+      RenderBlock {HR} at (0,364) size 784x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {P} at (392,374) size 392x120 [bgcolor=#FFFF00]
+        RenderText {#text} at (0,0) size 392x120
+          text run at (0,0) width 392: "This paragraph is floated to the right (using a STYLE"
+          text run at (0,20) width 392: "attribute) and the orange square image should appear to the"
+          text run at (0,40) width 392: "left of the paragraph. This paragraph has a yellow background"
+          text run at (0,60) width 392: "and no padding, margin or border. The left edge of this"
+          text run at (0,80) width 392: "yellow box should be horizonally aligned with the right edge"
+          text run at (0,100) width 157: "of the yellow box above."
+      RenderBlock (anonymous) at (0,374) size 784x120
+        RenderImage {IMG} at (0,0) size 15x15
+        RenderText {#text} at (15,0) size 4x20
+          text run at (15,0) width 4: " "
+        RenderBR {BR} at (19,15) size 0x0
+      RenderBlock {HR} at (0,502) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,512) size 784x60
+        RenderBlock (floating) {SPAN} at (0,0) size 48x42 [bgcolor=#C0C0C0]
+          RenderText {#text} at (0,0) size 21x42
+            text run at (0,0) width 21: "T"
+        RenderText {#text} at (48,0) size 736x60
+          text run at (48,0) width 736: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph, as well"
+          text run at (48,20) width 481: "as bold, with a content width of 1.5em and a background-color of silver. "
+          text run at (529,20) width 255: "The top of the big letter \"T\" should be"
+          text run at (48,40) width 656: "vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-cap\"."
+      RenderBlock (anonymous) at (0,572) size 784x20
+        RenderBR {BR} at (0,0) size 0x20
+      RenderBlock {HR} at (0,600) size 784x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {P} at (438,620) size 336x216 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
+        RenderText {#text} at (8,8) size 320x200
+          text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
+          text run at (8,28) width 320: "of like a 'sidebar' in a magazine article. Its width is"
+          text run at (8,48) width 320: "20em so the box should not be reformatted when"
+          text run at (8,68) width 320: "the size of the viewport is changed (e.g. when the"
+          text run at (8,88) width 320: "window is resized). The background color of the"
+          text run at (8,108) width 320: "element is yellow, and there should be a 3px solid"
+          text run at (8,128) width 320: "red border outside a 5px wide padding. Also, the"
+          text run at (8,148) width 320: "element has a 10px wide margin around it where"
+          text run at (8,168) width 320: "the blue background of the paragraph in the"
+          text run at (8,188) width 217: "normal flow should shine through."
+      RenderBlock {P} at (0,610) size 784x220 [bgcolor=#66CCFF]
+        RenderText {#text} at (0,0) size 428x220
+          text run at (0,0) width 428: "This paragraph is not floating. If there is enough room, the textual"
+          text run at (0,20) width 428: "content of the paragraph should appear on the left side of the yellow"
+          text run at (0,40) width 157: "\"sidebar\" on the right. "
+          text run at (157,40) width 271: "The content of this element should flow"
+          text run at (0,60) width 183: "around the floated element. "
+          text run at (183,60) width 245: "However, the floated element may or"
+          text run at (0,80) width 428: "may not be obscured by the blue background of this element, as the"
+          text run at (0,100) width 353: "specification does not say which is drawn \"on top.\" "
+          text run at (353,100) width 75: "Even if the"
+          text run at (0,120) width 428: "floated element is obscured, it still forces the content of this element"
+          text run at (0,140) width 121: "to flow around it. "
+          text run at (121,140) width 307: "If the floated element is not obscured, then the"
+          text run at (0,160) width 428: "blue rectangle of this paragraph should extend 10px above and to"
+          text run at (0,180) width 428: "the right of the sidebar's red border, due to the margin styles set for"
+          text run at (0,200) width 123: "the floated element."
+      RenderBlock (anonymous) at (0,830) size 784x20
+        RenderBR {BR} at (0,0) size 0x20
+      RenderBlock {HR} at (0,858) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {DIV} at (0,868) size 784x28 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
+        RenderBlock (floating) {DIV} at (440,14) size 330x250 [bgcolor=#FFFF00]
+          RenderBlock {P} at (5,5) size 320x240
+            RenderText {#text} at (0,0) size 320x240
+              text run at (0,0) width 320: "This paragraph is placed inside a DIV element"
+              text run at (0,20) width 320: "which is floated to the right. The width of the DIV"
+              text run at (0,40) width 320: "element is 20em. The background is yellow and"
+              text run at (0,60) width 320: "there is a 5px padding, a 10px margin and no"
+              text run at (0,80) width 320: "border. Since it is floated, the yellow box should"
+              text run at (0,100) width 320: "be rendered on top of the background and borders"
+              text run at (0,120) width 320: "of adjacent non-floated elements. To the left of this"
+              text run at (0,140) width 320: "yellow box there should be a short paragraph with"
+              text run at (0,160) width 320: "a blue background and a red border. The yellow"
+              text run at (0,180) width 320: "box should be rendered on top of the bottom red"
+              text run at (0,200) width 320: "border. I.e., the bottom red border will appear"
+              text run at (0,220) width 318: "broken where it's overlaid by the yellow rectangle."
+        RenderBlock {P} at (4,4) size 776x20
+          RenderText {#text} at (0,0) size 268x20
+            text run at (0,0) width 268: "See description in the box on the right side"
+      RenderBlock (anonymous) at (0,896) size 784x246
+        RenderBR {BR} at (0,0) size 0x20
+      RenderBlock {HR} at (0,1150) size 784x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {DIV} at (0,1160) size 196x80 [bgcolor=#66CCFF]
+        RenderBlock {P} at (0,0) size 196x80
+          RenderText {#text} at (0,0) size 196x80
+            text run at (0,0) width 196: "This paragraph is inside a DIV"
+            text run at (0,20) width 196: "which is floated left. Its"
+            text run at (0,40) width 196: "background is blue and the"
+            text run at (0,60) width 87: "width is 25%."
+      RenderBlock (floating) {DIV} at (588,1160) size 196x80 [bgcolor=#FFFF00]
+        RenderBlock {P} at (0,0) size 196x80
+          RenderText {#text} at (0,0) size 196x80
+            text run at (0,0) width 196: "This paragraph is inside a DIV"
+            text run at (0,20) width 196: "which is floated right. Its"
+            text run at (0,40) width 196: "background is yellow and the"
+            text run at (0,60) width 87: "width is 25%."
+      RenderBlock {P} at (0,1160) size 784x40
+        RenderText {#text} at (196,0) size 392x40
+          text run at (196,0) width 392: "This paragraph should appear between a blue box (on the left)"
+          text run at (196,20) width 199: "and a yellow box (on the right)."
+      RenderBlock (anonymous) at (0,1200) size 784x40
+        RenderBR {BR} at (196,0) size 0x20
+      RenderBlock {HR} at (0,1248) size 784x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {DIV} at (0,1258) size 588x140 [bgcolor=#66CCFF]
+        RenderBlock (floating) {DIV} at (431,0) size 147x40 [bgcolor=#FFFF00]
+          RenderBlock {P} at (0,0) size 147x40
+            RenderText {#text} at (0,0) size 147x40
+              text run at (0,0) width 147: "See description in the"
+              text run at (0,20) width 124: "box on the left side."
+        RenderBlock {P} at (0,0) size 588x140
+          RenderText {#text} at (0,0) size 588x140
+            text run at (0,0) width 431: "This paragraph is inside a DIV which is floated left. The"
+            text run at (0,20) width 431: "background of the DIV element is blue and its width is 75%. This"
+            text run at (0,40) width 373: "text should all be inside the blue rectangle. The blue DIV "
+            text run at (373,40) width 215: "element has another DIV element"
+            text run at (0,60) width 170: "as a child. It has a yellow "
+            text run at (170,60) width 368: "background color and is floated to the right. Since it is a "
+            text run at (538,60) width 50: "child of"
+            text run at (0,80) width 350: "the blue DIV, the yellow DIV should appear inside the "
+            text run at (350,80) width 238: "blue rectangle. Due to it being floated"
+            text run at (0,100) width 155: "to the right and having "
+            text run at (155,100) width 433: "a 10px right margin, the yellow rectange should have a 10px blue"
+            text run at (0,120) width 138: "stripe on its right side."
+      RenderBlock (anonymous) at (0,1258) size 784x140
+        RenderBR {BR} at (588,0) size 0x20
+      RenderBlock {HR} at (0,1406) size 784x2 [border: (1px inset #000000)]
+      RenderTable {TABLE} at (0,1416) size 784x1496 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x1494
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x1464
+            RenderTableCell {TD} at (0,748) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x1464 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (floating) {P} at (4,4) size 381x40 [bgcolor=#FFFF00]
+                RenderText {#text} at (0,0) size 381x40
+                  text run at (0,0) width 381: "This paragraph is of class \"one\". It has a width of 50% and"
+                  text run at (0,20) width 124: "is floated to the left."
+              RenderBlock {P} at (4,4) size 762x100
+                RenderText {#text} at (381,0) size 762x100
+                  text run at (381,0) width 381: "This paragraph should start on the right side of a yellow box"
+                  text run at (381,20) width 381: "which contains the previous paragraph. Since the text of this"
+                  text run at (0,40) width 762: "element is much longer than the text in the previous element, the text will wrap around the yellow box. There is no"
+                  text run at (0,60) width 762: "padding, border or margins on this and the previous element, so the text of the two elements should be very close to each"
+                  text run at (0,80) width 36: "other."
+              RenderBlock (anonymous) at (4,104) size 762x20
+                RenderBR {BR} at (0,0) size 0x20
+              RenderBlock {HR} at (4,132) size 762x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {P} at (4,142) size 762x80 [bgcolor=#FFFF00]
+                RenderText {#text} at (0,0) size 762x80
+                  text run at (0,0) width 762: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
+                  text run at (0,20) width 762: "element allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides and"
+                  text run at (0,40) width 762: "a orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been added to this"
+                  text run at (0,60) width 217: "paragraph for diagnostic purposes."
+              RenderBlock (anonymous) at (4,142) size 762x100
+                RenderImage {IMG} at (0,80) size 15x15
+                RenderText {#text} at (15,80) size 4x20
+                  text run at (15,80) width 4: " "
+                RenderBR {BR} at (19,95) size 0x0
+              RenderBlock {HR} at (4,250) size 762x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {P} at (4,260) size 381x120 [bgcolor=#FFFF00]
+                RenderText {#text} at (0,0) size 381x120
+                  text run at (0,0) width 381: "This paragraph is floated to the left and the orange square"
+                  text run at (0,20) width 381: "image should appear to the right of the paragraph. This"
+                  text run at (0,40) width 381: "paragraph has a yellow background and no padding, margin"
+                  text run at (0,60) width 381: "or border. The right edge of this yellow box should be"
+                  text run at (0,80) width 381: "horizontally aligned with the left edge of the yellow box"
+                  text run at (0,100) width 79: "undernearth."
+              RenderBlock (anonymous) at (4,260) size 762x120
+                RenderImage {IMG} at (381,0) size 15x15
+                RenderText {#text} at (396,0) size 4x20
+                  text run at (396,0) width 4: " "
+                RenderBR {BR} at (400,15) size 0x0
+              RenderBlock {HR} at (4,388) size 762x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {P} at (385,398) size 381x120 [bgcolor=#FFFF00]
+                RenderText {#text} at (0,0) size 381x120
+                  text run at (0,0) width 381: "This paragraph is floated to the right (using a STYLE"
+                  text run at (0,20) width 381: "attribute) and the orange square image should appear to the"
+                  text run at (0,40) width 381: "left of the paragraph. This paragraph has a yellow"
+                  text run at (0,60) width 381: "background and no padding, margin or border. The left"
+                  text run at (0,80) width 381: "edge of this yellow box should be horizonally aligned with"
+                  text run at (0,100) width 247: "the right edge of the yellow box above."
+              RenderBlock (anonymous) at (4,398) size 762x120
+                RenderImage {IMG} at (0,0) size 15x15
+                RenderText {#text} at (15,0) size 4x20
+                  text run at (15,0) width 4: " "
+                RenderBR {BR} at (19,15) size 0x0
+              RenderBlock {HR} at (4,526) size 762x2 [border: (1px inset #000000)]
+              RenderBlock {P} at (4,536) size 762x60
+                RenderBlock (floating) {SPAN} at (0,0) size 48x42 [bgcolor=#C0C0C0]
+                  RenderText {#text} at (0,0) size 21x42
+                    text run at (0,0) width 21: "T"
+                RenderText {#text} at (48,0) size 714x60
+                  text run at (48,0) width 714: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph, as"
+                  text run at (48,20) width 491: "well as bold, with a content width of 1.5em and a background-color of silver. "
+                  text run at (539,20) width 223: "The top of the big letter \"T\" should"
+                  text run at (48,40) width 675: "be vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-cap\"."
+              RenderBlock (anonymous) at (4,596) size 762x20
+                RenderBR {BR} at (0,0) size 0x20
+              RenderBlock {HR} at (4,624) size 762x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {P} at (420,644) size 336x216 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
+                RenderText {#text} at (8,8) size 320x200
+                  text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
+                  text run at (8,28) width 320: "of like a 'sidebar' in a magazine article. Its width is"
+                  text run at (8,48) width 320: "20em so the box should not be reformatted when"
+                  text run at (8,68) width 320: "the size of the viewport is changed (e.g. when the"
+                  text run at (8,88) width 320: "window is resized). The background color of the"
+                  text run at (8,108) width 320: "element is yellow, and there should be a 3px solid"
+                  text run at (8,128) width 320: "red border outside a 5px wide padding. Also, the"
+                  text run at (8,148) width 320: "element has a 10px wide margin around it where"
+                  text run at (8,168) width 320: "the blue background of the paragraph in the"
+                  text run at (8,188) width 217: "normal flow should shine through."
+              RenderBlock {P} at (4,634) size 762x240 [bgcolor=#66CCFF]
+                RenderText {#text} at (0,0) size 406x240
+                  text run at (0,0) width 406: "This paragraph is not floating. If there is enough room, the"
+                  text run at (0,20) width 406: "textual content of the paragraph should appear on the left side of"
+                  text run at (0,40) width 226: "the yellow \"sidebar\" on the right. "
+                  text run at (226,40) width 180: "The content of this element"
+                  text run at (0,60) width 268: "should flow around the floated element. "
+                  text run at (268,60) width 138: "However, the floated"
+                  text run at (0,80) width 406: "element may or may not be obscured by the blue background of"
+                  text run at (0,100) width 406: "this element, as the specification does not say which is drawn"
+                  text run at (0,120) width 64: "\"on top.\" "
+                  text run at (64,120) width 342: "Even if the floated element is obscured, it still forces"
+                  text run at (0,140) width 318: "the content of this element to flow around it. "
+                  text run at (318,140) width 88: "If the floated"
+                  text run at (0,160) width 406: "element is not obscured, then the blue rectangle of this"
+                  text run at (0,180) width 406: "paragraph should extend 10px above and to the right of the"
+                  text run at (0,200) width 406: "sidebar's red border, due to the margin styles set for the floated"
+                  text run at (0,220) width 53: "element."
+              RenderBlock (anonymous) at (4,874) size 762x20
+                RenderBR {BR} at (0,0) size 0x20
+              RenderBlock {HR} at (4,902) size 762x2 [border: (1px inset #000000)]
+              RenderBlock {DIV} at (4,912) size 762x28 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
+                RenderBlock (floating) {DIV} at (418,14) size 330x250 [bgcolor=#FFFF00]
+                  RenderBlock {P} at (5,5) size 320x240
+                    RenderText {#text} at (0,0) size 320x240
+                      text run at (0,0) width 320: "This paragraph is placed inside a DIV element"
+                      text run at (0,20) width 320: "which is floated to the right. The width of the DIV"
+                      text run at (0,40) width 320: "element is 20em. The background is yellow and"
+                      text run at (0,60) width 320: "there is a 5px padding, a 10px margin and no"
+                      text run at (0,80) width 320: "border. Since it is floated, the yellow box should"
+                      text run at (0,100) width 320: "be rendered on top of the background and borders"
+                      text run at (0,120) width 320: "of adjacent non-floated elements. To the left of this"
+                      text run at (0,140) width 320: "yellow box there should be a short paragraph with"
+                      text run at (0,160) width 320: "a blue background and a red border. The yellow"
+                      text run at (0,180) width 320: "box should be rendered on top of the bottom red"
+                      text run at (0,200) width 320: "border. I.e., the bottom red border will appear"
+                      text run at (0,220) width 318: "broken where it's overlaid by the yellow rectangle."
+                RenderBlock {P} at (4,4) size 754x20
+                  RenderText {#text} at (0,0) size 268x20
+                    text run at (0,0) width 268: "See description in the box on the right side"
+              RenderBlock (anonymous) at (4,940) size 762x246
+                RenderBR {BR} at (0,0) size 0x20
+              RenderBlock {HR} at (4,1194) size 762x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {DIV} at (4,1204) size 190x80 [bgcolor=#66CCFF]
+                RenderBlock {P} at (0,0) size 190x80
+                  RenderText {#text} at (0,0) size 190x80
+                    text run at (0,0) width 190: "This paragraph is inside a"
+                    text run at (0,20) width 190: "DIV which is floated left. Its"
+                    text run at (0,40) width 190: "background is blue and the"
+                    text run at (0,60) width 87: "width is 25%."
+              RenderBlock (floating) {DIV} at (576,1204) size 190x80 [bgcolor=#FFFF00]
+                RenderBlock {P} at (0,0) size 190x80
+                  RenderText {#text} at (0,0) size 190x80
+                    text run at (0,0) width 190: "This paragraph is inside a"
+                    text run at (0,20) width 190: "DIV which is floated right. Its"
+                    text run at (0,40) width 190: "background is yellow and the"
+                    text run at (0,60) width 87: "width is 25%."
+              RenderBlock {P} at (4,1204) size 762x40
+                RenderText {#text} at (190,0) size 382x40
+                  text run at (190,0) width 382: "This paragraph should appear between a blue box (on the"
+                  text run at (190,20) width 29: "left) "
+                  text run at (219,20) width 199: "and a yellow box (on the right)."
+              RenderBlock (anonymous) at (4,1244) size 762x40
+                RenderBR {BR} at (190,0) size 0x20
+              RenderBlock {HR} at (4,1292) size 762x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {DIV} at (4,1302) size 571x140 [bgcolor=#66CCFF]
+                RenderBlock (floating) {DIV} at (419,0) size 142x40 [bgcolor=#FFFF00]
+                  RenderBlock {P} at (0,0) size 142x40
+                    RenderText {#text} at (0,0) size 142x40
+                      text run at (0,0) width 142: "See description in the"
+                      text run at (0,20) width 124: "box on the left side."
+                RenderBlock {P} at (0,0) size 571x140
+                  RenderText {#text} at (0,0) size 571x140
+                    text run at (0,0) width 419: "This paragraph is inside a DIV which is floated left. The"
+                    text run at (0,20) width 419: "background of the DIV element is blue and its width is 75%. This"
+                    text run at (0,40) width 402: "text should all be inside the blue rectangle. The blue DIV "
+                    text run at (402,40) width 169: "element has another DIV"
+                    text run at (0,60) width 217: "element as a child. It has a yellow "
+                    text run at (217,60) width 354: "background color and is floated to the right. Since it is a"
+                    text run at (0,80) width 415: "child of the blue DIV, the yellow DIV should appear inside the "
+                    text run at (415,80) width 156: "blue rectangle. Due to it"
+                    text run at (0,100) width 233: "being floated to the right and having "
+                    text run at (233,100) width 338: "a 10px right margin, the yellow rectange should have"
+                    text run at (0,120) width 78: "a 10px blue "
+                    text run at (78,120) width 138: "stripe on its right side."
+              RenderBlock (anonymous) at (4,1302) size 762x140
+                RenderBR {BR} at (571,0) size 0x20
+              RenderBlock {HR} at (4,1450) size 762x2 [border: (1px inset #000000)]
diff --git a/LayoutTests/platform/gtk/css1/box_properties/height-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/height-expected.txt
new file mode 100644 (file)
index 0000000..f011cc1
--- /dev/null
@@ -0,0 +1,76 @@
+layer at (0,0) size 800x999
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x999
+  RenderBlock {HTML} at (0,0) size 800x999
+    RenderBody {BODY} at (8,8) size 784x983 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x48
+        RenderText {#text} at (0,0) size 168x47
+          text run at (0,0) width 160: ".one {height: 50px;}"
+          text run at (160,0) width 0: " "
+          text run at (0,16) width 168: ".two {height: 100px;}"
+          text run at (168,16) width 0: " "
+          text run at (0,32) width 0: " "
+      RenderBlock {HR} at (0,97) size 784x2 [border: (1px inset #000000)]
+      RenderBlock (anonymous) at (0,107) size 784x50
+        RenderImage {IMG} at (0,0) size 50x50
+        RenderText {#text} at (0,0) size 0x0
+      RenderBlock {P} at (0,173) size 784x20
+        RenderText {#text} at (0,0) size 275x20
+          text run at (0,0) width 275: "The square above should be fifty pixels tall."
+      RenderBlock (anonymous) at (0,209) size 784x100
+        RenderImage {IMG} at (0,0) size 100x100
+        RenderText {#text} at (0,0) size 0x0
+      RenderBlock {P} at (0,325) size 784x20
+        RenderText {#text} at (0,0) size 335x20
+          text run at (0,0) width 335: "The square above should be 100 pixels tall and wide."
+      RenderBlock (anonymous) at (0,361) size 784x100
+        RenderImage {IMG} at (0,0) size 30x100
+        RenderText {#text} at (0,0) size 0x0
+      RenderBlock {P} at (0,477) size 784x40
+        RenderText {#text} at (0,0) size 784x40
+          text run at (0,0) width 784: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50x15, and the size has been"
+          text run at (0,20) width 116: "doubled using the "
+        RenderInline {CODE} at (0,0) size 48x15
+          RenderText {#text} at (116,24) size 48x15
+            text run at (116,24) width 48: "height"
+        RenderText {#text} at (164,20) size 66x20
+          text run at (164,20) width 66: " property)."
+      RenderTable {TABLE} at (0,533) size 784x450 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x448
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x22
+                RenderText {#text} at (4,4) size 163x22
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,30) size 782x418
+            RenderTableCell {TD} at (0,225) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x20
+                text run at (4,4) width 4: " "
+            RenderTableCell {TD} at (12,30) size 770x418 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (4,4) size 762x50
+                RenderImage {IMG} at (0,0) size 50x50
+                RenderText {#text} at (0,0) size 0x0
+              RenderBlock {P} at (4,70) size 762x20
+                RenderText {#text} at (0,0) size 275x20
+                  text run at (0,0) width 275: "The square above should be fifty pixels tall."
+              RenderBlock (anonymous) at (4,106) size 762x100
+                RenderImage {IMG} at (0,0) size 100x100
+                RenderText {#text} at (0,0) size 0x0
+              RenderBlock {P} at (4,222) size 762x20
+                RenderText {#text} at (0,0) size 335x20
+                  text run at (0,0) width 335: "The square above should be 100 pixels tall and wide."
+              RenderBlock (anonymous) at (4,258) size 762x100
+                RenderImage {IMG} at (0,0) size 30x100
+                RenderText {#text} at (0,0) size 0x0
+              RenderBlock {P} at (4,374) size 762x40
+                RenderText {#text} at (0,0) size 750x40
+                  text run at (0,0) width 750: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50x15, and the size has"
+                  text run at (0,20) width 150: "been doubled using the "
+                RenderInline {CODE} at (0,0) size 48x15
+                  RenderText {#text} at (150,24) size 48x15
+                    text run at (150,24) width 48: "height"
+                RenderText {#text} at (198,20) size 66x20
+                  text run at (198,20) width 66: " property)."
diff --git a/LayoutTests/platform/gtk/css1/box_properties/margin-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/margin-expected.txt
new file mode 100644 (file)
index 0000000..516e1ad
--- /dev/null
@@ -0,0 +1,164 @@
+layer at (0,0) size 802x2711
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 802x2711
+  RenderBlock {HTML} at (0,0) size 800x2711
+    RenderBody {BODY} at (8,8) size 784x2695 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x20
+        RenderText {#text} at (0,0) size 355x20
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,36) size 784x112
+        RenderText {#text} at (0,0) size 360x111
+          text run at (0,0) width 352: ".zero {background-color: silver; margin: 0;}"
+          text run at (352,0) width 0: " "
+          text run at (0,16) width 360: ".one {margin: 0.5in; background-color: aqua;}"
+          text run at (360,16) width 0: " "
+          text run at (0,32) width 352: ".two {margin: 25px; background-color: aqua;}"
+          text run at (352,32) width 0: " "
+          text run at (0,48) width 360: ".three {margin: 5em; background-color: aqua;}"
+          text run at (360,48) width 0: " "
+          text run at (0,64) width 352: ".four {margin: 25%; background-color: aqua;}"
+          text run at (352,64) width 0: " "
+          text run at (0,80) width 168: ".five {margin: 25px;}"
+          text run at (168,80) width 0: " "
+          text run at (0,96) width 360: ".six {margin: -10px; background-color: aqua;}"
+          text run at (360,96) width 0: " "
+      RenderBlock {HR} at (0,161) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,179) size 784x40
+        RenderText {#text} at (0,0) size 738x40
+          text run at (0,0) width 738: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described in"
+          text run at (0,20) width 248: "section 4.1.1 of the CSS1 specification."
+      RenderBlock {P} at (0,235) size 784x20 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x20
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (48,303) size 688x20 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 658x20
+          text run at (0,0) width 658: "This sentence should have an overall margin of half an inch, which will require extra text in order to test."
+      RenderBlock {P} at (0,371) size 784x20 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x20
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (25,416) size 734x20 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 641x20
+          text run at (0,0) width 641: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
+      RenderBlock {P} at (0,461) size 784x20 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x20
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (80,561) size 624x20 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 615x20
+          text run at (0,0) width 615: "This sentence should have an overall margin of 5 em, which will require extra text in order to test."
+      RenderBlock {P} at (0,661) size 784x20 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x20
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (196,877) size 392x60 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 391x60
+          text run at (0,0) width 391: "This sentence should have an overall margin of 25%, which is"
+          text run at (0,20) width 362: "calculated with respect to the width of the parent element."
+          text run at (0,40) width 264: "This will require extra text in order to test."
+      RenderBlock {P} at (0,1133) size 784x20 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x20
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {UL} at (25,1178) size 734x130 [bgcolor=#00FFFF]
+        RenderListItem {LI} at (40,0) size 694x20
+          RenderListMarker at (-18,0) size 7x20: bullet
+          RenderText {#text} at (0,0) size 375x20
+            text run at (0,0) width 375: "This list has a margin of 25px, and a light blue background."
+        RenderListItem {LI} at (40,20) size 694x20
+          RenderListMarker at (-18,0) size 7x20: bullet
+          RenderText {#text} at (0,0) size 264x20
+            text run at (0,0) width 264: "Therefore, it ought to have such a margin."
+        RenderListItem {LI} at (65,65) size 644x20
+          RenderListMarker at (-18,0) size 7x20: bullet
+          RenderText {#text} at (0,0) size 543x20
+            text run at (0,0) width 543: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
+        RenderListItem {LI} at (40,110) size 694x20
+          RenderListMarker at (-18,0) size 7x20: bullet
+          RenderText {#text} at (0,0) size 294x20
+            text run at (0,0) width 294: "This list item has no special styles applied to it."
+      RenderBlock {P} at (0,1333) size 784x20 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x20
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (-10,1343) size 804x60 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 775x60
+          text run at (0,0) width 758: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward and pull"
+          text run at (0,20) width 369: "subsequent text up toward it, and a light blue background. "
+          text run at (369,20) width 386: "In all other respects, however, the element should be normal. "
+          text run at (755,20) width 20: "No"
+          text run at (0,40) width 528: "styles have been applied to it besides the negative margin and the background color."
+      RenderBlock {P} at (0,1393) size 784x20 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x20
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderTable {TABLE} at (0,1413) size 784x1282 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x1280
+          RenderTableRow {TR} at (0,0) size 782x30
+            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline&n