Typography

list-style-type

Setting the style of the list item marker.

Examples

Use list-style:decimal for ordered instructions that need numeric markers.

<ol class="list-style:decimal">  <li>Install dependencies</li>  <li>Run the build</li></ol>

Generated CSS

@layer utilities {  .list-style\:decimal {    list-style: decimal  }}

Use list-style:disc for unordered lists with default disc markers.

<ul class="list-style:disc">  <li>Fast</li>  <li>Typed</li></ul>

Use list-style-type:* when the marker type is not covered by an alias.

<ul class="list-style-type:square">  <li>Square marker</li></ul>

Apply styles based on different states using selectors and conditional queries.

<ul class="list-style:disc:hover list-style:disc@print list-style:decimal@sm">...</ul>

Setting the position of the list item marker.

Controlling how words should break when they overflow their element