CSS ordered list
➔ In an ordered list, each list item is identified by a number.
Syntax
list-style-type: value;
Property values
| Common Value | Description |
|---|---|
| decimal | e.g. 1, 2, 3 |
| decimal-leading-zero | e.g. 01, 02, 03 |
| lower-alpha lower-latin | e.g. a, b, c |
| upper-alpha upper-latin | e.g. A, B, C |
| lower-roman | i, ii, iii |
| upper-roman | I, II, III |
| armenian | The marker is the traditional local numbering for armenian. |
| cjk-ideographic | The marker is the traditional local numbering for Chinese characters (Hanzi), Japanese Kanji, and Korean Hanja. |
| georgian | The marker is the traditional local numbering for georgian. |
| hebrew | The marker is the traditional local numbering for Hebrew. |
| hiragana | The marker is the traditional local numbering for hiragana. |
| katakana | The marker is the traditional local numbering for katakana. |
| initial | Sets the property to its default value. |
| inherit | The element inherits the property value from its parent element. |
Example
#p1 {
list-style-type:decimal;
}
#p2 {
list-style-type:lower-alpha;
}
#p3 {
list-style-type:upper-alpha;
}
#p4 {
list-style-type:lower-roman;
}
#p5 {
list-style-type:upper-roman;
} Click on the "Try it Now" button to see how it works.