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