Property: | Value | ||
---|---|---|---|
list-style-type | disc |
|
type="disc" |
circle |
|
type="circle" | |
square |
|
type="square" | |
none |
|
style="list-style-type:none;" | |
list-style-image | url(url) |
|
style=" list-style-image:url(../img/g.gif)" |
Property: | Value | ||
---|---|---|---|
list-style-type | decimal |
|
style="list-style-type:decimal;" |
upper-alpha |
|
style="list-style-type:upper-alpha;" | |
lower-alpha |
|
style="list-style-type:lower-alpha;" | |
upper-roman |
|
style="list-style-type:upper-roman;" | |
lower-roman |
|
style="list-style-type:lower-roman;" | |
none |
|
style="list-style-type:none;" |
Ordered & unordered lists can be nested inside each other with each list having its own numbering scheme. In the following example an outer list is numbered with upper-case Roman numerals and an inner list is numbered with lower-case Roman numerals. Numbering characters are assigned to particular lists by using ID selectors.
<style type="text/css"> ol#List1 {list-style-type:upper-roman} ol#List2 {list-style-type:lower-roman} </style> <ol id="List1"> <li>List Item 1</li> <li>List Item 2 <ol id="List2"> <li>List Item 2a</li> <li>List Item 2b</li> </ol> </li> <li>List Item 3</li> </ol>
A definition list is a series of terms and definitions offset from surrounding text by a single blank line. The terms in the list are blocked at the left margin; definitions are indented and word wrapped on the following lines.
Recall that a definition list is enclosed inside <dl> tags and contains one or more <dt> tags listing the terms to be defined. Each term has an associated <dd> tag surrounding its definition. An example definition list is coded below
<dl>