list-style-type
En esta página
| Clase | Propiedades CSS |
|---|---|
list-disc |
list-style-type: disc; |
list-decimal |
list-style-type: decimal; |
list-none |
list-style-type: none; |
list-(<custom-property>) |
list-style-type: var(<custom-property>); |
list-[<value>] |
list-style-type: <value>; |
Examples#
Basic example#
Use utilities like list-disc and list-decimal to control the style of the markers in a list:
{
list-disc
- Now this is a story all about how, my life got flipped-turned upside down
- And I'd like to take a minute just sit right there
- I'll tell you how I became the prince of a town called Bel-Air
list-decimal
- Now this is a story all about how, my life got flipped-turned upside down
- And I'd like to take a minute just sit right there
- I'll tell you how I became the prince of a town called Bel-Air
list-none
- Now this is a story all about how, my life got flipped-turned upside down
- And I'd like to take a minute just sit right there
- I'll tell you how I became the prince of a town called Bel-Air
<!-- [!code classes:list-disc] -->
<ul class="list-disc">
<li>Now this is a story all about how, my life got flipped-turned upside down</li>
<!-- ... -->
</ul>
<!-- [!code classes:list-decimal] -->
<ol class="list-decimal">
<li>Now this is a story all about how, my life got flipped-turned upside down</li>
<!-- ... -->
</ol>
<!-- [!code classes:list-none] -->
<ul class="list-none">
<li>Now this is a story all about how, my life got flipped-turned upside down</li>
<!-- ... -->
</ul>