Skip to content

List Style Type

Controls the style of a list.

Class Properties

lst-d

list-style-type: disc;

lst-c

list-style-type: circle;

lst-s

list-style-type: square;

Using breakpoints

The utilization of breakpoint modifiers, like sm:lst-*, md:lst-*, lg:lst-*, and xxl:lst-* enables the targeting of specific utilities in disparate viewports.

<ul class="lst-d md:lst-s ...">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

Using variants

The :hover variant, such as h:lst-*, allows you to modify list styles when hovering over list items.

<ul class="lst-d h:lst-s ...">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>