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
