HTML and CSS Reference
HTML list elements ( <ul> and <ol> ) are simple block elements. Individual
list items ( <li> ), too, are sized and positioned with the same box model,
with dimensions, padding, margins, and borders behaving as expected.
However, each item needs some extra parts to get the markers both
positioned properly and designated or incremented properly.
The default display value for a list item is list-item , allowing for the
rendering of the box containing the list item marker in addition to the
normal block behavior for the list item content.
You set the type of marker for a list item via the list-style-type
property. You can use a plethora of keywords as types; they account for
everything from the static bullet commonly used for unordered lists to
numeric and alphanumeric values for different languages and counting
systems. The following are some of the more commonly used types for
■ disc | circle | square : Common glyphs; all items in the list will show
the same glyph (unless changed explicitly).
■ decimal | decimal-leading-zero : Decimal numbers starting with
1 or 01 , respectively.
■ lower-roman | upper-roman : Lowercase and uppercase roman numerals.
■ lower-latin | upper-latin : Lowercase and uppercase ASCII letters
starting with a or A .
■ none : No marker of any kind is rendered.