OLD | NEW |
| (Empty) |
1 <style> | |
2 td { | |
3 border: 1px solid black; | |
4 width: 120px; | |
5 height: 120px; | |
6 } | |
7 td div { | |
8 height: 100%; | |
9 width: 100%; | |
10 } | |
11 th { | |
12 padding: 5px; | |
13 } | |
14 </style> | |
15 | |
16 <table border="1"> | |
17 <tr><th colspan="5">text-align: right</th></tr> | |
18 <tr><th colspan="2" rowspan="2"> </th><th colspan="3">-webkit-writing-m
ode</th></tr> | |
19 <tr><th>horizontal-tb</th><th>vertical-lr</th><th>vertical-rl</th></tr> | |
20 <tr> | |
21 <th rowspan="4">direction</th> | |
22 <th>ltr</th> | |
23 <td> | |
24 <div style="-webkit-writing-mode:horizontal-tb; direction:ltr"> | |
25 <details style="text-align:right"><summary>summary</summary></de
tails> | |
26 <details style="text-align:right" open><summary>summary</summary
></details> | |
27 </div> | |
28 </td> | |
29 <td> | |
30 <div style="-webkit-writing-mode:vertical-lr; direction:ltr"> | |
31 <details style="text-align:right"><summary>summary</summary></de
tails> | |
32 <details style="text-align:right" open><summary>summary</summary
></details> | |
33 </div> | |
34 </td> | |
35 <td> | |
36 <div style="-webkit-writing-mode:vertical-rl; direction:ltr"> | |
37 <details style="text-align:right"><summary>summary</summary></de
tails> | |
38 <details style="text-align:right" open><summary>summary</summary
></details> | |
39 </div> | |
40 </td> | |
41 </tr> | |
42 <tr> | |
43 <th>rtl</th> | |
44 <td> | |
45 <div style="-webkit-writing-mode:horizontal-tb; direction:rtl"> | |
46 <details style="text-align:right"><summary>summary</summary></de
tails> | |
47 <details style="text-align:right" open><summary>summary</summary
></details> | |
48 </div> | |
49 </td> | |
50 <td> | |
51 <div style="-webkit-writing-mode:vertical-lr; direction:rtl"> | |
52 <details style="text-align:right"><summary>summary</summary></de
tails> | |
53 <details style="text-align:right" open><summary>summary</summary
></details> | |
54 </div> | |
55 </td> | |
56 <td> | |
57 <div style="-webkit-writing-mode:vertical-rl; direction:rtl"> | |
58 <details style="text-align:right"><summary>summary</summary></de
tails> | |
59 <details style="text-align:right" open><summary>summary</summary
></details> | |
60 </div> | |
61 </td> | |
62 </tr> | |
63 </table> | |
OLD | NEW |