| list-style |
| The classification properties of your document refer to the element type which is being used. Examples of this are inline elements, block elements, and list items. With this property, the element type can be changed. This property will give you more control over the presentation and functionality of your document.
list-style This property is can be used to set all available display values using one statement. list-style values list-style-type This value is used to set the type of bullet used in an ordered or unordered list. The options for an unordered list are disc, circle, square, and none. The options for an ordered list are decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, or none. The default for an unordered list is to use the 'disc' bullet. The default for an ordered list is to use the 'decimal' option. list-style-position This value is used to control the positioning of the bullet with respect to the surrounding text. Using the 'inside' option will produce a bulleted paragraph where the text is aligned with the bullet. For example: * This is the paragraph text. This is the paragraph text. Using the outside option will produce a bulleted paragraph where the bullet is outside the text area. For example: * This is the paragraph text. This is the paragraph text. list-style-image This value is used to specify the location (url) of the image to be used as the bullet. EXAMPLES: UL {list-style: squares inside} This example will set the unordered list bulleted with squares, with the bullet displayed inline with the text. OL {list-style: upper-roman outside} This example wil display the ordered list bulleted with upper case roman numerals, with the bullet displayed outside the line of text. |