Page 87 - Code Craft Computer-7

• Type Attribute: This attribute specifies the type of numbering or bullet used to mark items
in the list. By default, its value is ‘1’ for an ordered list and ‘disc’ for an unordered list.

Syntax: For unordered list: <UL type ="value"> where, value = disc/square/circle

Note: Disc is the default bullet style.

For ordered list: <OL type = "'value"> where, value = A/a/I/i/1

Number Style Result Description
<OL Type = "A"> A, B, C Uppercase letters

<OL Type = "a"> a, b, c Lowercase letters
<OL Type = "I"> I, II, III Uppercase Roman Numbers
<OL Type = "I"> i, ii, iii Lowercase Roman Numbers
<OL Type = "1"> 1,2,3 Sequence of Numbers (default)

LIST PROPERTIES
Some of the list properties are discussed as follows:

List-Style-Type
This property specifies the bullet style that will be used as the type of list item marker. Syntax:
list-style-type:value
where, values for the unordered list are: none/disc/circle/square (disc is the default value) and

values for ordered list are: decimal/decimal-leading-zero/lower-roman/upper-roman/lower-
alpha/upper-alpha (decimal is the default value)

List-Style-Image
With this property, you can specify an image as the list item marker.
Syntax: list-style-image:value

where, value=url("path of the image") | none

List-Style-Position
You can specify the position of the list-item markers with the help of this property, i.e., to make
them appear inside or outside the content flow.

Syntax: list-style-position:value
where, value = inside/outside

List-Style
This is the shorthand property wherein all the list properties can be specified in one declaration.

Syntax: list-style:value
where, value = value for list-style-type/value for list-style-position/value for list-style-image

87