disclosure-1-ref.html (833B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 4 <style> 5 div { font: 16px system-ui; margin: 1em; border: 1px solid gray; } 6 li::marker { font-family: -moz-bullet-font, system-ui; } 7 .right { list-style-type: "\25b8\a0"; } 8 .left { list-style-type: "\25c2\a0"; } 9 .down { list-style-type: "\25be\a0"; } 10 .up { list-style-type: "\25b4\a0"; } 11 </style> 12 13 <div style="width: 10em"> 14 <ul> 15 <li class=right>closed 16 <li class=down>open 17 </ul> 18 <ul dir=rtl> 19 <li class=left>closed 20 <li class=down>open 21 </ul> 22 </div> 23 24 <div style="writing-mode: vertical-lr; height: 10em"> 25 <ul> 26 <li class=down>closed 27 <li class=right>open 28 </ul> 29 <ul dir=rtl> 30 <li class=up>closed 31 <li class=right>open 32 </ul> 33 </div> 34 35 <div style="writing-mode: vertical-rl; height: 10em"> 36 <ul> 37 <li class=down>closed 38 <li class=left>open 39 </ul> 40 <ul dir=rtl> 41 <li class=up>closed 42 <li class=left>open 43 </ul> 44 </div>