OLD | NEW |
1 <style> | 1 <style> |
2 div.test { | 2 div.test { |
| 3 width: 100px; |
| 4 height: 100px; |
3 -webkit-writing-mode: vertical-rl; | 5 -webkit-writing-mode: vertical-rl; |
4 -webkit-columns: 2; | 6 -webkit-columns: 2; |
5 width: 100px; | 7 -webkit-column-rule: 50px solid orange; |
6 -webkit-column-rule-style: solid; | |
7 -webkit-column-rule-width: 50px; | |
8 -webkit-column-rule-color: orange; | |
9 -webkit-column-gap: 50px; | 8 -webkit-column-gap: 50px; |
10 height: 100px; | 9 columns: 2; |
| 10 column-rule: 50px solid orange; |
| 11 column-gap: 50px; |
| 12 column-fill: auto; |
11 } | 13 } |
12 | 14 |
13 div.test div { width: 200px; } | 15 div.test div { width: 200px; } |
14 </style> | 16 </style> |
15 <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> |
16 <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 |