Working with List Properties
Using the available list properties, you can create two types of lists: unordered lists (non-sequential lists) and ordered lists (sequential lists). An unordered list uses bullets as the list item markers; whereas, an ordered lists uses numbers or alphabets as the list item markers. In List properties, you can also specify the style and position to your list in the Web page.
Using the available list properties, you can create two types of lists: unordered lists (non-sequential lists) and ordered lists (sequential lists). An unordered list uses bullets as the list item markers; whereas, an ordered lists uses numbers or alphabets as the list item markers. In List properties, you can also specify the style and position to your list in the Web page.
|
Property |
Description |
|---|---|
|
list-style |
Is a shorthand property for list-style-type, list-style-position, and list-style-image properties. It sets all these list properties in one declaration. |
|
list-style-image |
Specifies the image that will be used as the list item marker. You can set this property to none or the Web address of an image. |
|
list-style-position |
Specifies the position of the list item marker. You can set this property to either inside or outside. |
|
list-style-type |
Specifies the appearance of the list item marker if the list-style-image property has the value none (which is the default value for this property) or if the image specifies through this property cannot be displayed. You can set this property to none, disc, circle, square, decimal, decimal-leading-zero, lower-roman, upper-roman, lower-alpha, upper-alpha, lower-greek, lower-latin, upper-latin, Hebrew, Armenian, Georgian, cjk-ideographic, hiragana, katakana, hiragana-iroha, or katakana-iroha. |
Let’s now learn how to work with list properties in different styles, such as unordered list and numbered list.