OLD | NEW |
1 <style> | 1 <style> |
2 div.test { | 2 div.test { |
3 width: 100px; | 3 width: 100px; |
4 height: 100px; | 4 height: 100px; |
5 -webkit-writing-mode: vertical-rl; | 5 -webkit-writing-mode: vertical-rl; |
6 -webkit-columns: 2; | 6 -webkit-columns: 2; |
7 -webkit-column-rule: 50px solid orange; | 7 -webkit-column-rule: 50px solid orange; |
8 -webkit-column-gap: 50px; | 8 -webkit-column-gap: 50px; |
9 columns: 2; | 9 columns: 2; |
10 column-rule: 50px solid orange; | 10 column-rule: 50px solid orange; |
11 column-gap: 50px; | 11 column-gap: 50px; |
12 column-fill: auto; | 12 column-fill: auto; |
13 } | 13 } |
14 | 14 |
15 div.test div { width: 200px; } | 15 div.test div { width: 200px; } |
16 </style> | 16 </style> |
17 <div class="test" style="-webkit-border-before: 50px solid blue;"><div></div></d
iv> | 17 <div class="test" style="-webkit-border-before: 50px solid blue;"><div></div></d
iv> |
18 <div class="test" style="-webkit-border-after: 50px solid blue;"><div></div></di
v> | 18 <div class="test" style="-webkit-border-after: 50px solid blue;"><div></div></di
v> |
OLD | NEW |