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..2bde853bbdfdaa44e24b33c3a0b1c014707c070d 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; } |
+ .left { -webkit-border-before: 50px solid blue; } |
mstensho (USE GERRIT)
2014/11/04 21:47:47
Maybe be a bit more consistent here? left + border
andersr
2014/11/06 11:32:54
Done.
|
+ .right { -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 left"><div></div></div> |
+<p>There should be a 50px blue border to the right of an orange rectangle:</p> |
+<div class="test right"><div></div></div> |