HTML and CSS Reference
In-Depth Information
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
English-language sites:
■
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.