OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <body> | |
3 <style> | |
4 summary.withpadding::-webkit-details-marker { | |
5 padding: 8px 16px 24px 32px; | |
6 border-width: 8px 16px 24px 32px; | |
7 border-style: solid; | |
8 border-color: lime; | |
9 } | |
10 | |
11 summary.nopadding::-webkit-details-marker { | |
12 border: 8px solid lime; | |
13 width: 48px; | |
14 height: 24px; | |
15 } | |
16 | |
17 details { | |
18 font-size: 24px; | |
19 } | |
20 </style> | |
21 <div style="-webkit-writing-mode: horizontal-tb;"> | |
22 <details><summary class="withpadding">Summary</summary></details> | |
23 </div> | |
24 <div style="-webkit-writing-mode: vertical-rl; -webkit-text-orientation: sideway
s-right;"> | |
25 <details><summary class="withpadding">Summary</summary></details> | |
26 </div> | |
27 | |
28 <div style="-webkit-writing-mode: horizontal-tb;"> | |
29 <details><summary class="nopadding">Summary</summary></details> | |
30 </div> | |
31 <div style="-webkit-writing-mode: vertical-rl; -webkit-text-orientation: sideway
s-right;"> | |
32 <details><summary class="nopadding">Summary</summary></details> | |
33 </div> | |
34 </body> | |
35 | |
OLD | NEW |