Index: LayoutTests/fast/multicol/vertical-rl/rules-with-border-before.html |
diff --git a/LayoutTests/fast/multicol/vertical-rl/rules-with-border-before.html b/LayoutTests/fast/multicol/vertical-rl/rules-with-border-before.html |
index e038ae6a9c6018307a3faa47867cdb57ab8d6502..e5b536db83f7a627fb992408a686f867451e17c9 100644 |
--- a/LayoutTests/fast/multicol/vertical-rl/rules-with-border-before.html |
+++ b/LayoutTests/fast/multicol/vertical-rl/rules-with-border-before.html |
@@ -1,18 +1,20 @@ |
+<!DOCTYPE html> |
<style> |
- div.test { |
+ .test { |
width: 100px; |
height: 100px; |
-webkit-writing-mode: vertical-rl; |
-webkit-columns: 2; |
-webkit-column-rule: 50px solid orange; |
-webkit-column-gap: 50px; |
- columns: 2; |
- column-rule: 50px 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> |