Index: LayoutTests/fast/multicol/vertical-lr/rules-with-border-before.html |
diff --git a/LayoutTests/fast/multicol/vertical-lr/rules-with-border-before.html b/LayoutTests/fast/multicol/vertical-lr/rules-with-border-before.html |
index 832f36dad8dd242dba3810ba766f15b94e682f56..9a364acf58303c13e3fc647a7f3d9135eaef1d98 100644 |
--- a/LayoutTests/fast/multicol/vertical-lr/rules-with-border-before.html |
+++ b/LayoutTests/fast/multicol/vertical-lr/rules-with-border-before.html |
@@ -1,18 +1,20 @@ |
+<!DOCTYPE html> |
<style> |
- div.test { |
+ .test { |
width: 100px; |
height: 100px; |
-webkit-writing-mode: vertical-lr; |
-webkit-columns: 2; |
- -webkit-column-rule: 50 solid orange; |
+ -webkit-column-rule: 50px solid orange; |
-webkit-column-gap: 50px; |
- columns: 2; |
- column-rule: 50 solid orange; |
- column-gap: 50px; |
- column-fill: auto; |
} |
- div.test div { width: 200px; } |
+ .before { -webkit-border-before: 50px solid blue; } |
+ .after { -webkit-border-after: 50px solid blue; } |
+ |
+ .test div { width: 200px; } |
</style> |
-<div class="test" style="-webkit-border-before: 50px solid blue;"><div></div></div> |
-<div class="test" style="-webkit-border-after: 50px solid blue;"><div></div></div> |
+<p>There should be a 50px blue border to the left of an orange rectangle:</p> |
+<div class="test before"><div></div></div> |
+<p>There should be a 50px blue border to the right of an orange rectangle:</p> |
+<div class="test after"><div></div></div> |