Question

Mention the values that can be assigned to the list style Property of an ordered list

Answer 1

The list-style is a shorthand property that sets the three list properties - list-style-type, list-style-position and list-style-image in one declaration. This property is used to style the way lists appear.

CSS

list-style: [list-style-type] [list-style-position] [list-style-image];

You can also give these values individually to the three longhand properties as shown below.

CSS

list-style-type: [list-style-type]; list-style-position: [list-style-position]; list-style-image: [list-style-image];

Have a look at each of the longhand properties with the possible values these can take.

list-style-type

The list-style-type specifies the type of list-item marker. It can accept one of the following values. However, the default values for  ul  (unordered list) and ol(ordered list) are disc and decimal respectively.

disc, circle, square, decimal, decimal-leading-zero, lower-alpha, upper-alpha, lower-greek, lower-latin, upper-latin, lower-roman, upper-roman, georgian, armenian, hebrew, hiragana, hiragana-iroha, katakana, katakana-iroha, cjk-ideographic, telugu, bengali, urdu, none, initial, inherit

The value none hides the list marker. All the above listed values are demonstrated in the following demo.