List Style Type

Defines the style of a list item element.

ClassProperties
list-nonelist-style: none;
list-disclist-style: disc;
list-decimallist-style: decimal;

.list-none

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Vitae sapien pellentesque habitant morbi tristique senectus et netus. Vitae proin sagittis nisl rhoncus mattis.
  • Maecenas pharetra convallis posuere morbi leo urna molestie.

.list-disc

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Vitae sapien pellentesque habitant morbi tristique senectus et netus. Vitae proin sagittis nisl rhoncus mattis.
  • Maecenas pharetra convallis posuere morbi leo urna molestie.

.list-decimal

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Vitae sapien pellentesque habitant morbi tristique senectus et netus. Vitae proin sagittis nisl rhoncus mattis.
  • Maecenas pharetra convallis posuere morbi leo urna molestie.
<div class="surface-overlay border-round border-1 my-3 p-3">
    <p>.list-none</p>
    <ul class="list-none">
        <li>Lorem ipsum dolor sit amet...</li>
        <li>Vitae sapien pellentesque habitant...</li>
        <li>Maecenas pharetra convallis posuere morbi leo urna molestie.</li>
    </ul>
</div>
<div class="surface-overlay border-round border-1 my-3 p-3">
    <p>.list-disc</p>
    <ul class="list-disc">
        <li>Lorem ipsum dolor sit amet...</li>
        <li>Vitae sapien pellentesque habitant...</li>
        <li>Maecenas pharetra convallis posuere morbi leo urna molestie.</li>
    </ul>
</div>
<div class="surface-overlay border-round border-1 my-3 p-3">
    <p>.list-decimal</p>
    <ul class="list-decimal">
        <li>Lorem ipsum dolor sit amet...</li>
        <li>Vitae sapien pellentesque habitant...</li>
        <li>Maecenas pharetra convallis posuere morbi leo urna molestie.</li>
    </ul>
</div>