OLD | NEW |
| (Empty) |
1 <style> | |
2 body { | |
3 -webkit-writing-mode: vertical-rl; | |
4 } | |
5 | |
6 div.columns { | |
7 -webkit-columns: 2; | |
8 -webkit-column-rule-color: gray; | |
9 -webkit-column-rule-width: 12px; | |
10 columns: 2; | |
11 column-rule-color: gray; | |
12 column-rule-width: 12px; | |
13 column-fill: auto; | |
14 width: 200px; | |
15 height: 20px; | |
16 display: inline-block; | |
17 } | |
18 | |
19 div.columns div { | |
20 width: 400px; | |
21 } | |
22 </style> | |
23 | |
24 <div class="columns" style="-webkit-column-rule-style: solid; column-rule-style:
solid;"> | |
25 <div></div> | |
26 </div> | |
27 | |
28 <div class="columns" style="-webkit-column-rule-style: dotted; column-rule-style
: dotted;"> | |
29 <div></div> | |
30 </div> | |
31 | |
32 <div class="columns" style="-webkit-column-rule-style: dashed; column-rule-style
: dashed;"> | |
33 <div></div> | |
34 </div> | |
35 | |
36 <div class="columns" style="-webkit-column-rule-style: groove; column-rule-style
: groove;"> | |
37 <div></div> | |
38 </div> | |
39 | |
40 <div class="columns" style="-webkit-column-rule-style: ridge; column-rule-style:
ridge;"> | |
41 <div></div> | |
42 </div> | |
43 | |
44 <div class="columns" style="-webkit-column-rule-style: inset; column-rule-style:
inset;"> | |
45 <div></div> | |
46 </div> | |
47 | |
48 <div class="columns" style="-webkit-column-rule-style: outset; column-rule-style
: outset;"> | |
49 <div></div> | |
50 </div> | |
51 | |
52 <div class="columns" style="-webkit-column-rule-style: double; column-rule-style
: double;"> | |
53 <div></div> | |
54 </div> | |
OLD | NEW |