Lists
There are two main types of lists in HTML that can be formatted in CSS.
- Ordered list
- Unordered list
These lists can be formatting a great variety of ways in CSS. Below are a few examples of ways.
Example: Specifying list type/style, font-family, and font-size
ul {
list-style-type: square;
font-family: arial;
font-size: 11pt;
}
ol {
list-style-type: upper-roman;
font-family: arial;
font-size: 11pt;
}
There are a variety of other list types available.
Unordered list types:
- filled circle/disc (default)
- circle
- square
- initial
- inherit
- none
Ordered list types:
- numbered, e.g. 1, 2, 3, etc. (default)
- upper-roman, e.g. I, II, etc.
- lower-roman
- upper-alpha
- lower-alpha, e.g. a, b, c, etc.
- upper-greek
- lower-greek
- upper-latin
- lower-latin
- armenian
- cjk-ideographic
- decimal
- decimal-leading-zero
- georgian
- hebrew
- hiragana
- hiragana-iroha
- katakana
- katakana-iroha
- initial
- inherit
- none