How to set Alphabets as Marker for List Items?

Alphabet Marker for List Items

To set alphabets as marker for the list items in an ordered list using CSS, set list-style-type property for the list with the upper-alpha or lower-alpha value as shown in the following.

ol {
  list-style-type: upper-alpha;
}
/* or */
ul {
  list-style-type: lower-alpha;
}

Examples

1. Lower alphabets as marker for list items

In the following example, we take an ordered list and specify lower-alpha as marker for the list items.

index.html

2. Upper alphabets as marker for list items

In the following example, we take an ordered list and specify upper-alpha as marker for the list items.

index.html

Conclusion

In this CSS Tutorial, we learned how to use CSS list-style-type property to set alphabets as marker for list items, with examples.