list-styles.html 933 B

123456789101112131415161718192021222324252627
  1. <h3>List Styles UI</h3>
  2. <div class="list-styles-ui">
  3. <button type="button" data-list="disc">disc</button>
  4. <button type="button" data-list="circle">circle</button>
  5. <button type="button" data-list="square">square</button>
  6. <button type="button" data-list="decimal">decimal</button>
  7. <button type="button" data-list="decimal-leading-zero">decimal-leading-zero</button>
  8. <button type="button" data-list="lower-latin">lower-latin</button>
  9. <button type="button" data-list="lower-roman">lower-roman</button>
  10. <button type="button" data-list="default">default</button>
  11. </div>
  12. <br>
  13. <div id="editor">
  14. <ul style="list-style-type: square">
  15. <li>UL List item 1</li>
  16. <li>UL List item 2</li>
  17. <li>UL List item 3</li>
  18. </ul>
  19. <p>A</p>
  20. <ul style="list-style-type: disc">
  21. <li>UL List item 1</li>
  22. <li>UL List item 2</li>
  23. <li>UL List item 3</li>
  24. </ul>
  25. </div>