CSS Lists

CSS Lists 

CSS allows you to style ordered (<ol>) and unordered (<ul>) lists.
You can control markers (bullets/numbers), spacing, and position.


1️⃣ list-style-type

Changes the bullet or number style.

✔ Unordered List Examples:


✔ Ordered List Examples:



2️⃣ list-style-position

Controls whether bullets are inside or outside the list item.


Options: inside, outside


3️⃣ Remove Bullets



4️⃣ list-style-image

Use a custom image as bullet.



5️⃣ Shorthand (All in One)



📌 Example


 


⭐ Common Types of List Markers

Unordered:

  • disc (default)

  • circle

  • square

Ordered:

  • decimal

  • upper-alpha

  • lower-alpha

  • upper-roman

  • lower-roman

You may also like...